html结构代码:
<button>按钮5< /button>
加入如下JS代码:
<script>
// 1.获取所有按钮元素
var btns = document . getElementsByTagName( ' button' );
// btns得到的是伪数组里面的每一个元素btns
for (var i = 0; i < btns.length; i++) {
btns.onclick = function() {
//2. 首先先排除其他人,然后才设置自己的样式这种排除其他人的思想我们成为排他思想
// (1) 我们先把所有的按钮背景颜色去掉,for循环遍历元素清空backgroundColor属性。
for (var i = 0; i < btns.length; i++) {
btns.style. backgroundColor =“”
// (2) 然后才让当前的元素背景颜色为pink留下我自己
this.style. backgroundColor = ' pink' ;
}
</script>
|