事件处理 基础一 点击tag改变此按钮颜色
2020-06-07 本文已影响0人
徐慵仙
简述
页面上有不同的标签页，切换不同标签页时，该标签页有不同的颜色。
示例代码
<body>
<button>点我</button>
<button>点我</button>
<button>点我</button>
<button>点我</button>
<script>
var btns = document.getElementsByTagName("button");
for (var i = 0; i < btns.length; i++) {
btns[i].onclick = function () {
for (var i = 0; i < btns.length; i++) {
btns[i].style.backgroundColor = "";
}
this.style.backgroundColor = "pink";
}
}
</script>
</body>
核心技巧
- 循环绑定每个按钮
- 先排除其他人，循环把所有设为空/默认
- 把自己设置成点击效果
