Bagaimanakah Saya Boleh Mendapatkan Elemen mengikut Kelas dalam JavaScript, Terutamanya untuk Keserasian IE?

Mendapatkan semula Elemen mengikut Kelas dalam JavaScript, Termasuk Keserasian IE

Mendapatkan tatasusunan elemen berdasarkan kelasnya ialah tugas biasa dalam JavaScript. Walau bagaimanapun, untuk penyemak imbas yang tidak menyokong document.getElementsByClassName(), seperti IE, pendekatan alternatif diperlukan.

Satu penyelesaian popular ialah fungsi oleh Jonathan Snook. Fungsi ini menggunakan ungkapan biasa untuk menguji sifat className setiap elemen. Walau bagaimanapun, dalam IE, ia melemparkan ralat yang menyatakan "Objek tidak menyokong sifat atau kaedah ini."

Kuncinya adalah untuk menyedari bahawa getElementsByClassName() bukan kaedah objek dokumen. Sebaliknya, ia harus dipanggil terus pada nod di mana anda ingin mencari elemen:

function getElementsByClassName(node, classname) {
    var a = [];
    var re = new RegExp('(^| )' + classname + '( |$)');
    var els = node.getElementsByTagName("*");
    for (var i = 0, j = els.length; i < j; i++) {
        if (re.test(els[i].className)) a.push(els[i]);
    }
    return a;
}

var tabs = getElementsByClassName(document.body, 'tab');

Untuk IE8 , pendekatan yang lebih ringkas ialah dengan mengisi poli fungsi getElementsByClassName():

if (!document.getElementsByClassName) {
    document.getElementsByClassName = function (className) {
        return this.querySelectorAll("." + className);
    };
    Element.prototype.getElementsByClassName = document.getElementsByClassName;
}

var tabs = document.getElementsByClassName('tab');

Dengan teknik ini, anda boleh mendapatkan semula elemen mengikut kelas, memastikan keserasian dengan IE dan pelayar lain.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Elemen mengikut Kelas dalam JavaScript, Terutamanya untuk Keserasian IE?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!