点击一个按钮，所有按钮都变颜色

最新推荐文章于 2023-12-25 21:18:04 发布

erdouzhang

最新推荐文章于 2023-12-25 21:18:04 发布

阅读量1.4k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/erdouzhang/article/details/75043094

版权

js 专栏收录该内容

98 篇文章 0 订阅

订阅专栏

这里写图片描述

点击任意一个按钮，所有按钮的背景颜色都变。

html：

<input type="button" value="按钮1">
<input type="button" value="按钮2">
<input type="button" value="按钮3">

js：

var btn = document.getElementsByTagName('input');//获取按钮
for(var i=0;i<btn.length;i++){//遍历按钮
    btn[i].onclick = function(){
        for(var i=0;i<btn.length;i++){
            btn[i].style.backgroundColor = 'yellow';
        }
    }
}