美文网首页网页前端后台技巧(CSS+HTML)Web让前端飞
【JavaScript】解决IE8下,用js不能选择class的

【JavaScript】解决IE8下,用js不能选择class的

作者: 德育处主任 | 来源:发表于2018-03-24 23:02 被阅读18次
cf9b35bc2fb4f9131e613a6c69d5535b.jpg

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>解决IE8不支持js选择class问题</title>
</head>
<body>
    <p class="intro">Hello World!</p>
</body>
</html>

JavaScript代码

<script>
    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;
            };
    }
    var txt = document.getElementsByClassName('intro')[0].innerHTML;
    document.write(txt);
</script>





JavaScript & jQuery总目录:jQuery目录

上一篇:【jQuery】京东banner轮播图

相关文章

网友评论

    本文标题:【JavaScript】解决IE8下,用js不能选择class的

    本文链接:https://www.haomeiwen.com/subject/edbccftx.html