JS---DOM---課程中涉及到的common.js

//格式化日期的代碼
//獲取指定標簽對象
//獲取元素的文本內容
//獲取元素的文本內容
//獲取父級元素中的第一個子元素
//獲取父級元素中的最後一個子元素
//獲取某個元素的前一個兄弟元素
//獲取某個元素的後一個兄弟元素
//獲取某個元素的所有兄弟元素
//返回當前瀏覽器是什麼類型的瀏覽器
//為任意一個元素綁定事件:元素,事件類型,事件處理函數
//為任意的一個元素解綁某個事件:元素,事件類型,事件處理函數

/**
 * 格式化日期
 * @param dt 日期對象
 * @returns {string} 返回值是格式化的字元串日期
 */
function getDates(dt) {
    var str = "";//存儲時間的字元串
    //獲取年
    var year = dt.getFullYear();
    //獲取月
    var month = dt.getMonth() + 1;
    //獲取日
    var day = dt.getDate();
    //獲取小時
    var hour = dt.getHours();
    //獲取分鐘
    var min = dt.getMinutes();
    //獲取秒
    var sec = dt.getSeconds();
    month = month < 10 ? "0" + month : month;
    day = day < 10 ? "0" + day : day;
    hour = hour < 10 ? "0" + hour : hour;
    min = min < 10 ? "0" + min : min;
    sec = sec < 10 ? "0" + sec : sec;
    str = year + "年" + month + "月" + day + "日 " + hour + ":" + min + ":" + sec;
    return str;
}
/**
 * 獲取指定標簽對象
 * @param id 標簽的id屬性值
 * @returns {Element}根據id屬性值返回指定標簽對象
 */
function my$(id) {
    return document.getElementById(id);
}

function setInnerText(element, text) {
    if (typeof element.textContent == "undefined") {
        element.innerText = text;
    } else {
        element.textContent = text;
    }
}
/**
 * 獲取元素的文本內容
 * @param element 任意元素
 * @returns {*} 任意元素中的文本內容
 */
function getInnerText(element) {
    if (typeof (element.textContent) == "undefined") {
        return element.innerText;
    } else {
        return element.textContent;
    }
}
/**
 * 獲取父級元素中的第一個子元素
 * @param element 父級元素
 * @returns {*} 父級元素中的子級元素
 */
function getFirstElement(element) {
    if (element.firstElementChild) {
        return element.firstElementChild;
    } else {
        var node = element.firstChild;
        while (node && node.nodeType != 1) {
            node = node.nextSibling;
        }
        return node;
    }
}
/**
 * 獲取父級元素中的最後一個子元素
 * @param element 父級元素
 * @returns {*} 最後一個子元素
 */
function getLastElement(element) {
    if (element.lastElementChild) {
        return element.lastElementChild;
    } else {
        var node = element.lastChild;
        while (node && node.nodeType != 1) {
            node = node.previousSibling;
        }
        return node;
    }
}
/**
 * 獲取某個元素的前一個兄弟元素
 * @param element 某個元素
 * @returns {*} 前一個兄弟元素
 */
function getPreviousElement(element) {
    if (element.previousElementSibling) {
        return element.previousElementSibling
    } else {
        var node = element.previousSibling;
        while (node && node.nodeType != 1) {
            node = node.previousSibling;
        }
        return node;
    }
}
/**
 * 獲取某個元素的後一個兄弟元素
 * @param element 某個元素
 * @returns {*} 後一個兄弟元素
 */
function getNextElement(element) {
    if (element.nextElementSibling) {
        return element.nextElementSibling
    } else {
        var node = element.nextSibling;
        while (node && node.nodeType != 1) {
            node = node.nextSibling;
        }
        return node;
    }
}
/**
 * 獲取某個元素的所有兄弟元素
 * @param element 某個元素
 * @returns {Array} 兄弟元素
 */
function getSiblings(element) {
    if (!element) return;
    var elements = [];
    var ele = element.previousSibling;
    while (ele) {
        if (ele.nodeType === 1) {
            elements.push(ele);
        }
        ele = ele.previousSibling;
    }
    ele = element.nextSibling;
    while (ele) {
        if (ele.nodeType === 1) {
            elements.push(ele);

        }
        ele = ele.nextSibling;
    }
    return elements;
}
/**
 * 返回當前瀏覽器是什麼類型的瀏覽器
 */
function userBrowser() {
    var browserName = navigator.userAgent.toLowerCase();
    if (/msie/i.test(browserName) && !/opera/.test(browserName)) {
        console.log("IE");
    } else if (/firefox/i.test(browserName)) {
        console.log("Firefox");
    } else if (/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)) {
        console.log("Chrome");
    } else if (/opera/i.test(browserName)) {
        console.log("Opera");
    } else if (/webkit/i.test(browserName) && !(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))) {
        console.log("Safari");
    } else {
        console.log("不知道什麼鬼!");
    }
}



//為任意一個元素綁定事件:元素,事件類型,事件處理函數
function addEventListener(element, type, fn) {
    if (element.addEventListener) {
        //支持
        element.addEventListener(type, fn, false);
    } else if (element.attachEvent) {
        element.attachEvent("on" + type, fn);
    } else {
        element["on" + type] = fn;
    }
}
//為任意的一個元素解綁某個事件:元素,事件類型,事件處理函數
function removeEventListener(element, type, fn) {
    if (element.removeEventListener) {
        element.removeEventListener(type, fn, false);
    } else if (element.detachEvent) {
        element.detachEvent("on" + type, fn);
    } else {
        element["on" + type] = null;
    }
}