#js代码块
let btn = document.getElementByName("button");
for (let i = 0; i <= btn.length; i++) {
btn[i].addEventListener("click", function () {
document.querySelector(".pink").className = "";
this.className = "pink";
});
#html代码块
<button class="pink">按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>
实现效果:js加入到body中,不显示效果
预期效果:点击哪个按钮哪个按钮呈现粉色
错误原因:不能使用getElementById获取元素,应该使用querySelector选取元素
修改后效果:
document.querySelectorAll("button");
点击哪个按钮,哪个按钮呈现粉色