JS獲取標簽方法及兼容處理

1. document.getElementById('Id名'); 　　　　　　　　　　　  // 所有瀏覽器
2. document.getElementsByTagName('標簽名'); 　　　　　　 // 所有瀏覽器
3. document.getElementsByName('name'); 　　　　　　　　 // 所有瀏覽器
4. document.getElementsByClassName('類名'); 　　　　       // 除ie9以下，均支持

 

如需通過類名獲取標簽，並兼容所有瀏覽器，則需做兼容處理：

/*
 * 功能: 通過類名獲取一定范圍內的標簽數組
 * 參數: 第一個參數表示獲取的范圍，若在整個文檔搜索，則傳入document; 第二個參數表示想要獲取標簽的類名
 * 返回值: 第一個參數里的類名為第二個參數的標簽數組
 */
function getElementsByClass(element, classStr) {

    if(element.getElementsByClassName) {    // 如果瀏覽器有getElementsByClassName的方法，則直接使用
        return element.getElementsByClassName(classStr);    
    } else {                // 否則先查找標簽中類名為className的標簽

        var elements = element.getElementsByTagName('*'),
            arr = [],        // 存放類名為className的標簽
            len = elements.length;

        for (var i = 0; i < len; i++) {

            if (elements[i].className == classStr) {    // 如果為所給類名，則放入數組
                arr.push(elements[i]);
            }
        };

        return arr;
    }
}