首页 > 代码库 > 【JavaScript兼容】关于IE8及以下无法通过getElementsByClassName()方法获得元素的解决方法

【JavaScript兼容】关于IE8及以下无法通过getElementsByClassName()方法获得元素的解决方法

try{
   var a = document.getElementsByClassName("cla");
     console.log(a);
}catch(ex){
  var array = [];  
for(var i = 0;i<document.body.childNodes.length;i++){ if(document.body.childNodes[i].nodeType === 1){ var name = document.body.childNodes[i].className; if(name.search(/cla/) != -1){ array.push(document.body.childNodes[i]); } } } console.log(array);
}

通过HTML自带特性可以获取来得到对应的class的元素。这里我们可以看到,document.body.childNodes不断在用到,因此进行简单优化

            var allNodes = document.body.childNodes;
            for(var i = 0,lg=allNodes.length;i<lg;i++){
                if(allNodes[i].nodeType === 1){
                    var name = allNodes[i].className;
                    if(name.search(/cla/) != -1){
                        array.push(allNodes[i]);
                    }
                }
            }
            console.log(array.join(" "));        

 

【JavaScript兼容】关于IE8及以下无法通过getElementsByClassName()方法获得元素的解决方法