如何在document.querySelectorAll中包含多個(gè)css選擇器

我試圖用一個(gè)非常小的js代碼隱藏多個(gè)元素。如果我只包含一個(gè)類,它工作得很好,但是如果我包含多個(gè)類,那么它就不再工作了。具體而言,只有插入的第一個(gè)選擇器始終隱藏。有人能告訴我我做錯(cuò)了什么嗎?感謝您的幫助,謝謝您的回復(fù)。

這就是我的工作

window.onload = function() {
  if (window.location.href.includes('?lost_pass=1')) {
    //Hide the element.
   document.querySelectorAll('.hide_login_title')[0].style.display = 'none';
   document.querySelectorAll('.hide_login_msg')[0].style.display = 'none';
  }
};

這就是我想做的

window.onload = function() {
  if (window.location.href.includes('?lost_pass=1')) {
    //Hide the element.
   document.querySelectorAll('.hide_login_title, .hide_login_msg')[0].style.display = 'none';
  }
};
? 最佳回答:

看起來您需要遍歷querySelectorAll返回的元素。有兩種方法可供選擇,一種是節(jié)點(diǎn)列表的built-in .forEach()方法。它看起來像這樣:

window.onload = function() {
  if (window.location.href.includes('?lost_pass=1')) {
    //Hide the element.
   document.querySelectorAll('.hide_login_title, .hide_login_msg')
       .forEach((element) => element.style.display = 'none');
  }
};
主站蜘蛛池模板: 精品一区二区三区免费毛片爱 | 国产午夜毛片一区二区三区| 亚洲熟女一区二区三区| 亚洲国产AV一区二区三区四区| 国产一区二区三区亚洲综合| 成人中文字幕一区二区三区| 精品视频一区二区三区在线观看| 国产色欲AV一区二区三区| 亚洲国产激情在线一区| 无码AV天堂一区二区三区| 国产亚洲综合一区二区三区 | 在线精品自拍亚洲第一区| 亚拍精品一区二区三区| 亚洲av日韩综合一区在线观看| 三上悠亚亚洲一区高清| 一区三区三区不卡| 国产无人区一区二区三区| 中字幕一区二区三区乱码 | 蜜桃无码AV一区二区| 日韩精品一区二区三区中文3d| 高清一区二区三区| 91在线看片一区国产| 视频一区二区在线观看| 一区二区三区视频在线| 福利一区在线视频| 人妻无码一区二区三区AV| 国产丝袜无码一区二区视频| 无码AV天堂一区二区三区| 视频在线观看一区二区| 亚洲国产高清在线精品一区| 高清一区二区三区| 无码人妻精品一区二区三区蜜桃| 精品国产日韩亚洲一区| 国产av一区最新精品| 熟女精品视频一区二区三区| 国产精品亚洲一区二区三区| 亚洲综合一区二区| 国产在线精品一区二区夜色 | 国产精品乱码一区二区三区| 精品无码综合一区二区三区 | 无码欧精品亚洲日韩一区夜夜嗨|