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

Posted 2020-08-22

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(" "));