浏览器不支持getElementsByClassName的解决办法

最新推荐文章于 2021-08-19 14:10:27 发布

Wangdanting123

最新推荐文章于 2021-08-19 14:10:27 发布

阅读量1.2k

点赞数 1

文章标签： DOM javascript

本文链接：https://blog.csdn.net/Wangdanting123/article/details/51105964

版权

<body>
    <h1>What to buy</h1>
    <p title="a gentle reminder">Don't forget to buy this stuff</p>
    <ul id="purchases">
        <li class="important">A tin of beans</li>
        <li class="sale">A tin of beans2</li>
        <li class="sale">A tin of beans3</li>
    </ul>
    <script>
        function getElementsByClassName(node,classname){
            if(node.getElementsByClassName){
                return node.getElementsByClassName(classname);
            }
            else{
                var results=new Array();
                var elems=node.getElementsByTagName("*");
                for(var i=0;i<elems.length;i++){
                    if(elems[i].className.indexOf(classname)!=-1){
                        results[results.length]=elems[i];
                    }
                }
                return results;
            }
        }
        var shopoing=document.getElementById("purchases");
        var sales=getElementsByClassName(shopoing,"sale");
    </script>
</body>