码迷,mamicode.com
首页 > 其他好文 > 详细

IE浏览器下getElementsByClassName()属性的使用

时间:2016-05-27 19:58:33      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

Q:getElementsByClassName() 在IE浏览器下不过正常使用,显示网页脚本错误。

A:在js文件中加入下面的处理代码,就可以完美的解决这个问题了。

// 解决IE不能使用getElementsByClassName()方法的问题
// 如果浏览器不能使用document .getElementsByClassName()
    if(!document.getElementsByClassName){
//那么把下面这个值赋予给gc
         document.getElementsByClassName = function(className, element){
//取出文件或者文档中的所有元素
         var children = (element || document).getElementsByTagName(‘*‘);
//新建一个数组
             var elements = new Array();
//遍历所有的元素
               for (var i=0; i<children.length; i++){
//把元素赋值给child,方便取className
                        var child = children[i];
//考虑到了元素有多个className的情况
                        var classNames = child.className.split(‘ ‘);
                        for (var j=0; j<classNames.length; j++){
//如果 className与要取的相同,那么就放进新的数组中
                            if (classNames[j] == className){ 
                                elements.push(child);
                                break;
                            }
                        }
                    }
                    return elements;
                };
            }

 

IE浏览器下getElementsByClassName()属性的使用

标签:

原文地址:http://www.cnblogs.com/zhaolina/p/5535697.html

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