是否可以使用document.querySelector（）获取多个ID？

Question

是否可以使用document.querySelector（）找到多个ID（例如div1，div2，div3）？

如果没有，那么还有替代解决方案吗？

Answer 1

是的，你可以这样做。首先，为了检索多个元素，您必须使用querySelectorAll。其次，您只需用逗号分隔所有ID，它与CSS没有区别。

var nodes = document.querySelectorAll('#a, #b, #c');

这将为您提供与ID匹配的所有元素的NodeList。

Answer 2

var res = document.querySelectorAll("#div,#par,#head");
for (var i = 0; i < res.length; i++){
 res[i].style.backgroundColor = '#DCDCDC'
}

<div id='div'>div</div>
<p id='par'>paragraph</p> 
<h1 id='head'>Heading</h1>