代码不难主要是利用
排他思想：排除其他的元素的干扰
这是没利用排他思想，直接获取元素，注册事件，让他点击后获得背景颜色的改变
但是无法使盒子点击一次只显示一个，所以下面使用for循环来给盒子进行排他思想的设置
进行排他思想的设置后，点击一次只能改变一个（排除其他的干扰
<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>
<script>
var button = document.querySelectorAll('button');
for (var i = 0; i < button.length; i++) {button[i].onclick = function() {
for (var i = 0; i < button.length; i++) {
button[i].style.backgroundColor = '';
}
this.style.backgroundColor = 'pink';
}
}
</script>
396
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
