簡(jiǎn)述
頁(yè)面上有不同的標(biāo)簽頁(yè)，切換不同標(biāo)簽頁(yè)時(shí)，該標(biāo)簽頁(yè)有不同的顏色。
示例代碼
<body>
<button>點(diǎn)我</button>
<button>點(diǎn)我</button>
<button>點(diǎn)我</button>
<button>點(diǎn)我</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>
核心技巧
- 循環(huán)綁定每個(gè)按鈕
- 先排除其他人，循環(huán)把所有設(shè)為空/默認(rèn)
- 把自己設(shè)置成點(diǎn)擊效果
