美文网首页网页前端后台技巧(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