JavaScript——实现getElementsByClassName()兼容IE8

慢慢学编程

于 2020-01-31 14:06:42 发布

阅读量173

点赞数

分类专栏：慢慢找工作文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_40492102/article/details/104123826

版权

慢慢找工作专栏收录该内容

50 篇文章

订阅专栏

本文介绍了一个使用JavaScript操作DOM的具体案例，通过编写一个函数getElementByCName，可以选取页面上具有特定class名的所有元素，并对其背景颜色进行统一修改。此案例展示了如何遍历DOM元素并应用样式更改，适用于前端开发初学者实践JavaScript与DOM操作的基础技能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<body>
    <ul>
        <li class="lis">1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li class="lis">5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li class="lis">10</li>
    </ul>
</body>

 function getElementByCName(cName) {
        var result = [];
        var lis = document.getElementsByTagName('*');
        for (var index = 0; index < lis.length; index++) {
            if (lis[index].className == cName) {
                result.push(lis[index]);
            }
        }
        return result;
    }
    var result = getElementByCName('lis');
    for (var i = 0; i < result.length; i++) {
        result[i].style.background = "green";
    }
    console.log(result);