javascript - 兼容IE8的getElementsByClassName为何会报错？

Question

代码 因为getElementByClassName不兼容IE8，如下function封装了支持IE8的getElementByClassName函数 {代码...} 报错 {代码...} 请问问题出在哪？

ringa_lee · Answer

报错是因为element.getElementsByTagName的element是一个数组，不是节点对象。所以说

is not a function

我觉得这个方法的设计有点不合理，传入的参数(element, names)的element 不要传数组，传一个父对象或者document就好使了。另外帮你简化一下代码，希望有助。

var getElementsByClassName = function(element, names) {        
    var result = [];
    var element = element != undefined ? element : document;            
    var all = element.getElementsByTagName('*');
    for(var i = 0;i < all.length; i++){
        if ((new RegExp('(\s|^)' + names + '(\s|$)')).test(all[i].className)) {
            result.push(all[i]);
        }
    }
    return result;
    
}

var t = getElementsByClassName(document,'haha');
var b = getElementsByClassName(t[0],'wawa');  //不能传数组，一定要的话要判断是document还是数组，再去遍历
console.log(t);
console.log(b[0].innerHTML);

大家讲道理 · Answer

没有getElementsByTagName这个方法。

天蓬老师 · Answer

var elements = element.getElementsByTagName('*');
// 这里的element你只考虑了他是一个节点的情况，那多个节点呢，非节点呢？


var t=getElementsByClassName(document,'haha');
var b=getElementsByClassName(t,'wawa'); // 这里你传进去的t不就是多个节点么