我无法使用 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++) {&nbsp; gameb[i].style.display = "none";}<ul id="wordsb" class="wordslist" class="list1">&nbsp; <li class="list-group-item">list1</li>&nbsp; <li class="list-group-item">dancing</li>&nbsp; <li class="list-group-item">elephant</li></ul><ul id="wordsb1" class="wordslist" class="list2">&nbsp; <li class="list-group-item">list2</li>&nbsp; <li class="list-group-item">man</li>&nbsp; <li class="list-group-item">dog</li></ul><ul id="wordsb2" class="wordslist" class="list3">&nbsp; <li class="list-group-item">list3</li>&nbsp; <li class="list-group-item">plane</li>&nbsp; <li class="list-group-item">truck</li></ul>

Answer 2

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