如何在querySelector中传入多个ID实现元素选择？

可以在单个querySelector/querySelectorAll方法里传入逗号分隔的多个选择器匹配多ID元素，但是你写的代码存在语法错误：第三个ID选择器的格式写反了，正确写法是#ID3而非ID#3，ID选择器要求#符号必须放在ID名称之前。

另外需要注意两个方法的返回差异：

• 调用querySelector("#ID1, #ID2, #ID3")时，只会返回DOM树中第一个匹配到的元素，不会返回所有符合条件的元素
• 如果你需要一次性获取所有对应ID的元素，应该使用querySelectorAll("#ID1, #ID2, #ID3")，该方法会返回包含所有匹配元素的NodeList集合。

举个实际场景的例子：如果页面里ID1、ID2、ID3的元素按顺序排列，调用querySelector只会拿到ID1的元素，调用querySelectorAll才能同时拿到三个元素。

内容的提问来源于stack exchange，提问作者AntonHPL