如何在 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中文网其他相关文章！