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, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

代码

报错