<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>
<script>
//1.获取所有按钮元素
//btns得到的是类数组对象, 使用把btns【i】访问数组里的每一个元素
var btns = document.getElementsByTagName('button');
for(var i =0; i < btns.length; i++) {
btns[i].οnclick=function(){
//(1 把所有按钮背景颜色去掉
for (var i =0; i< btns.length;i++){
btns[i].style.backgroundColor='';
}
//(2 设置当前背景颜色
this.style.backgroundColor='pink';
}
}
</script>
</body>
</html>
————————————————
版权声明:本文为CSDN博主「yi_ZMXXXX」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/yi_ZhangMengXin/article/details/130149958
效果如下: