亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我無法使用 querySelectorAll 訪問所有需要的元素

我無法使用 querySelectorAll 訪問所有需要的元素

揚帆大魚 2022-11-03 14:59:06
所以我有這三個我想隱藏的列表。 <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
查看完整描述

2 回答

?
素胚勾勒不出你

TA貢獻1827條經驗 獲得超9個贊

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>



查看完整回答
反對 回復 2022-11-03
?
12345678_0001

TA貢獻1802條經驗 獲得超5個贊

這只是一個愚蠢的錯誤,document.queryselectorall 只接受一個參數,我不小心在每個元素周圍加上了引號。從而,制作多個參數。因此節點列表沒有反映我的所有三個元素。



查看完整回答
反對 回復 2022-11-03
  • 2 回答
  • 0 關注
  • 150 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號