Javascript JS：通过onclick遍历div列表以添加事件？ 测试 测试 测试

如果我有一个div列表，并希望在单击每个div时字体大小增加到20px，我知道我可以执行以下操作：

 <div>test</div>
 <div>test</div>
 <div>test</div>

let elements=document.querySelectorAll（'div'）；
对于（var x=0；x{event.target.style.fontSize=“20px”}
}

---

有没有一种方法可以迭代listen并在单击时添加一个

onclick

而不是使用

addEventListener

方法？如果有，还有一种方法比另一种更可取吗？

您可以在CSS类中定义字体大小，并将这些类添加到所有div中。 单击后，只需更新CSS类的字体大小javascript。这不需要循环。>

有关此信息，您可以参考以下教程

---

希望这对您有所帮助。

您必须迭代所有元素。您可以按如下方式使用：

let elements=document.querySelectorAll（'div'）；
对于（var x=0；x

测试
测试
测试

如果您只是不想要循环，请检查页面上是否有单击，然后查看事件的目标（单击的对象）：

document.addEventListener（“单击”），函数（e）{
如果（e.target.tagName==“DIV”）{
e、 target.style.fontSize=“20px”；
}
})

测试
测试
test

只需分配到

。onclick

属性，而不是调用

addEventListener

？您的div没有父对象？直接说…谢谢。我知道

addEventListener

允许附加多个事件的好处，但除此之外，一种方式比另一种方式更可取吗？@raymonoie，请访问

let elements = document.querySelectorAll('div');

for (var x = 0; x < elements.length; x++) {
  elements[x].addEventListener('click', () => {event.target.style.fontSize = "20px"}
}