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不就是多个节点么

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

代码

报错