有一组相同样式的元素，我们需要操作其中的一个元素
1.所有元素全部清除样式
2.给当前元素设置样式
<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>
<script>
//获取所有'button'元素
var btns = document.getElementsByTagName('button');
//btns的本质是一个伪数组 得到里面的每一个元素btns[i]
for (let i = 0; i < btns.length; i++) {
btns[i].onclick = function () {
// 首先清除其他按钮背景颜色
for (let i = 0; i < btns.length; i++) {
btns[i].style.backgroundColor='';
}
// 更改当前按钮颜色
this.style.backgroundColor="blue";
}
}
</script>
</body>
扫一扫
469
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
