为什么我的javacript和DOM操作上的for循环会使我的网站崩溃?

问题描述 投票:0回答:1

[嗨,我是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!");
};

请告诉我我做错了。在此先感谢

javascript dom
1个回答
0
投票
for (var i = 0; i < 6; i++) {
  document.querySelectorAll("button")[i].addEventListener("click", function () {
    alert("I got clicked!");
  });
}

复制上面的代码,它将起作用。您错误地写了var i = 0; i = 6; i++

© www.soinside.com 2019 - 2024. All rights reserved.