解决ie8及一下不支持document.getElementsByClassName

原创于 2017-03-29 17:21:16 发布 · 865 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript

本文提供了一种解决Internet Explorer 8及其以下版本浏览器不支持document.getElementsByClassName的方法。通过自定义实现，使得开发者可以在老旧浏览器中使用此功能进行元素选择。

解决ie8及一下不支持document.getElementsByClassName

if (!document.getElementsByClassName) {
    document.getElementsByClassName = function (className, element) {
        var children = (element || document).getElementsByTagName('*');
        var elements = new Array();
        for (var i = 0; i < children.length; i++) {
            var child = children[i];
            var classNames = child.className.split(' ');
            for (var j = 0; j < classNames.length; j++) {
                if (classNames[j] == className) {
                    elements.push(child);
                    break;
                }
            }
        }
        return elements;
    };
}