首頁  >  文章  >  web前端  >  如何在 JavaScript 中按類別檢索元素,特別是為了相容於 IE?

如何在 JavaScript 中按類別檢索元素,特別是為了相容於 IE?

Susan Sarandon
Susan Sarandon原創
2024-11-05 21:41:02874瀏覽

How Can I Retrieve Elements by Class in JavaScript, Especially for IE Compatibility?

在JavaScript 中按類別擷取元素,包括IE 相容性

根據元素的類別取得元素陣列是JavaScript 中的一項常見任務。但是,對於本身不支援 document.getElementsByClassName() 的瀏覽器(例如​​ IE),需要另一種方法。

一個流行的解是 Jonathan Snook 的函數。此函數使用正規表示式來測試每個元素的 className 屬性。然而,在 IE 中,它會拋出錯誤,指出「物件不支援此屬性或方法。」

關鍵是要意識到 getElementsByClassName() 不是文件物件的方法。相反,應該直接在要搜尋元素的節點上呼叫它:

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');

對於IE8 ,更簡潔的方法是填充getElementsByClassName() 函數:

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

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

透過這些技術,您可以按類別檢索元素,確保與IE 和其他瀏覽器的相容性。

以上是如何在 JavaScript 中按類別檢索元素,特別是為了相容於 IE?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn