JS排他思想

最新推荐文章于 2024-09-14 18:52:56 发布

王小六！

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量67

点赞数

本文链接：https://blog.csdn.net/m0_57163212/article/details/125094135

版权

JavaScript DOM操作事件绑定按钮背景颜色

关键词由CSDN通过智能技术生成

<body>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
</body>

js直接上代码

<script>
    // 获取作用的元素
    var btn=document.querySelectorAll("button");
    // 循环第一层
    for(var i=0;i<btn.length;i++){
        // 给每一个button按钮绑定点击事件   onclick
        btn[i].onclick=function(){
            // 内层循环
            for(var j=0;j<btn.length;j++){
                btn[j].style.backgroundColor='';
            }
            this.style.backgroundColor='pink';
        }
    }
</script>