javascript - 如何使用 queryselectorAll 方法获取多个 div id

Question

我想在点击事件上添加一个功能。 我不想显示四个 div，但这段代码似乎对我不起作用 请告诉我这里的错误

<a class="lightbox-close" href="#" onclick="document.querySelectorAll('#goofy_1,#goofy_2,#goofy_3,#goofy_4').style.display = 'none';"></a>

Answer 1

querySelectorAll返回 NodeList ，您需要对其进行迭代并设置属性。

所以最好写一个单独的函数，你可以在其中编写迭代逻辑

var els = document.querySelectorAll('#goofy_1,#goofy_2,#goofy_3,#goofy_4');
for (var i = 0; i < els.length; i++) {
    els[i].style.display = 'none';
}