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

Posted 2020-07-14

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;
                };
            }