首頁 > web前端 > js教程 > 如何在 Internet Explorer 中以類別名稱檢索元素?

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

Mary-Kate Olsen
發布: 2024-11-06 00:48:02
原創
980 人瀏覽過

How to Retrieve Elements by Class Name in 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板