为什么！document.querySelectorAll不适用于多个ID

Question

我目前有这个工作，但是我需要添加一个附加元素，所以我切换到SelectorAll，但是它不起作用

这工作

if(!document.getElementById('body_options_45')) {
//Do Stuff
}

当我添加第二个ID并切换到selectorALl时，它停止工作

if(!document.querySelectorAll('#body_options_45, #body_options_113')) {
   //Do Stuff
}

我在这里想念什么？

Answer 1

querySelectorAll返回一个NodeList 。 您将需要像这样检查length ： if (!document.querySelectorAll('#body_options_45, #body_options_113').length)

Answer 2

querySelectorAll（）返回一个NodeList 。 NodeList不是数组，但是在这种情况下，行为是相同的：空数组和空NodeLists都是true 。

![] //returns false

!emptyNodeList //returns false

要检查您的NodeList是否为空，请使用length属性：

if(document.querySelectorAll('#body_options_45, #body_options_113').length===0) {
   //do stuff
}