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

在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中文網其他相關文章！