如何在 Internet Explorer 中以類別名稱檢索元素？

getElementsByClassName() 與IE 的相容性

問題：如何有效檢索具有特定類別的元素數組，考慮到IE 相容性限制？

答案：

Document.getElementsByClassName() 是 IE 不支援的現代方法。相反，請考慮以下方法：

自訂函數 (IE6)：

定義自訂函數來模擬 getElementsByClassName()。這涉及到遍歷DOM 並根據提供的類別名稱測試元素的類別名稱：

<code class="js">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;
}

// Usage:
var tabs = getElementsByClassName(document.body, 'tab');</code>

querySelectorAll (IE8 ):

如果支援IE8 或更高版本就足夠了，擴展文檔和Element 物件以支援querySelectorAll()：

<code class="js">if (!document.getElementsByClassName) {
    document.getElementsByClassName = function (className) {
        return this.querySelectorAll('.' + className);
    };
    Element.prototype.getElementsByClassName = document.getElementsByClassName;
}

// Usage:
var tabs = document.getElementsByClassName('tab');</code>

確保使用所需節點作為第一個參數呼叫getElementsByClassName()，因為它不是文件方法。透過實作這些解決方案之一，您可以按類別名稱檢索元素，確保與更廣泛的瀏覽器（包括 IE）相容。

以上是如何在 Internet Explorer 中以類別名稱檢索元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！