码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-12-06 20:25:00      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:log   bsp   length   解决方法   .class   div   htm   class   sea   

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()方法获得元素的解决方法

标签:log   bsp   length   解决方法   .class   div   htm   class   sea   

原文地址:http://www.cnblogs.com/fry-img/p/6138735.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!