网页前端后台技巧(CSS+HTML)Web让前端飞

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

2018-03-24  本文已影响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轮播图

上一篇 下一篇

猜你喜欢

热点阅读