javascript - addEventListener 字节标记

Question

我有一个像

<div id='root'>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</div>

那些 <li><li>标签包含一些内容，我想打开/关闭它们，但仅使用纯 javascript。我已经尝试过使用 document.querySelectorAll ，现在代码是这样的

let lis = document.querySelectorAll('#root > li');
function show(e) {
  alert('hey');
}
lis[1].addEventListener('click', show(), false);

但它只在我刷新页面时发出警报，而不是“听”实际点击，我仍然不知道如何引用一个精确的元素。也许我可以使用一些文章？

附言我不能修改 HTML 代码，所以我不能使用 document.getElementById , jQuery 目前也不适合我。非常感谢。

Answer 1

问题是您调用了 show 函数而不是将其传递给 addEventListener方法。

您应该传递该函数，以便稍后在事件发生时调用它。

lis[1].addEventListener('click', show, false);