我无法使用 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 只接受一个参数，而且我不小心在每个元素两边加上了引号。从而，使多个参数。因此节点列表没有反映我的所有三个元素。

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

I cannot get access to all desired elements using querySelectorAll

javascript

jquery-selectors

selectors-api

nodelist