[嗨,我是javascript和DOM操作的新手...所以我尝试这样做以选择各种按钮,并在有人单击它们时使它们发出警报。
这是我的html正文:
<body>
<h1 id="title">Drum 🥁 Kit</h1>
<div class="set">
<button class="w drum">w</button>
<button class="a drum">a</button>
<button class="s drum">s</button>
<button class="d drum">d</button>
<button class="j drum">j</button>
<button class="k drum">k</button>
<button class="l drum">l</button>
</div>
<script src="index.js" charset="utf-8"></script>
<footer>
</footer>
</body>
这是我的JavaScript:
for (var i = 0; i = 6; i++) {
document.querySelectorAll("button")[i].addEventListener("click", function() {
alert("I got clicked!");
});
}
当我使用以下JavaScript时,我可以成功单击第一个按钮并获得警报,因此我的链接或常规格式没有问题:
document.querySelectorAll("button")[0].addEventListener("click", function() {
alert("I got clicked!");
};
请告诉我我做错了。在此先感谢
for (var i = 0; i < 6; i++) {
document.querySelectorAll("button")[i].addEventListener("click", function () {
alert("I got clicked!");
});
}
复制上面的代码,它将起作用。您错误地写了var i = 0; i = 6; i++