通过下列代码我们可以实现点击一个按钮,被点击的按钮显示“呜呜”,其它按钮显示“哈哈”的效果。
<button id="button1">按钮1</button>
<button id="button2">按钮2</button>
<button id="button3">按钮3</button>
<script>
var btns = document.querySelectorAll('button');
console.log(btns);
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener('click', function () {
for (var j = 0; j < btns.length; j++) {
if (btns[j] === this) {
btns[j].innerText = "呜呜";
} else {
btns[j].innerText = "哈哈";
}
}
});
}
</script>