我无法使用 querySelectorAll 访问所有需要的元素

Question

所以我有这三个我想隐藏的列表。 <ul id="wordsb" class="wordslist" class="list1">        <li class="list-group-item">list1</li>        <li class="list-group-item">dancing</li>        <li class="list-group-item">elephant</li>      </ul>      <ul id="wordsb1" class="wordslist" class="list2">        <li class="list-group-item">list2</li>        <li class="list-group-item">man</li>        <li class="list-group-item">dog</li>      </ul>      <ul id="wordsb2" class="wordslist" class="list3">        <li class="list-group-item">list3</li>        <li class="list-group-item">plane</li>        <li class="list-group-item">truck</li>      </ul>我正在使用 queryselectorall 以通过它们访问 ids 循环，对它们中的每一个应用一个样式： var gameb = document.querySelectorAll("#wordsb", "#wordsb1", "#wordsb2");for (var i = 0; i < gameb.length; i++) {  gameb[i].style.display = "none";}不幸的是，只有第一个列表（wordsb）根据需要隐藏，其余两个元素似乎没有受到影响。当我 console.log(gameb) 我发现节点列表只包含 wordsb，而不是其他两个元素。enter code here

Answer 1

querySelectorAll只接受一个参数：

var gameb = document.querySelectorAll("#wordsb, #wordsb1, #wordsb2");

for (var i = 0; i < gameb.length; i++) {

  gameb[i].style.display = "none";

}

<ul id="wordsb" class="wordslist" class="list1">

  <li class="list-group-item">list1</li>

  <li class="list-group-item">dancing</li>

  <li class="list-group-item">elephant</li>

</ul>

<ul id="wordsb1" class="wordslist" class="list2">

  <li class="list-group-item">list2</li>

  <li class="list-group-item">man</li>

  <li class="list-group-item">dog</li>

</ul>

<ul id="wordsb2" class="wordslist" class="list3">

  <li class="list-group-item">list3</li>

  <li class="list-group-item">plane</li>

  <li class="list-group-item">truck</li>

</ul>

Answer 2

这只是一个愚蠢的错误，document.queryselectorall 只接受一个参数，我不小心在每个元素周围加上了引号。从而，制作多个参数。因此节点列表没有反映我的所有三个元素。