javascript - 检查 `querySelectorAll` 返回值的正确方法是什么？

Question

当使用 querySelectorAll 时，检查它是否返回任何元素的正确方法是什么？

它返回无法检查 false 的内容。这似乎不起作用:

var elements = document.querySelectorAll('.class');
if (elements) {
  // doesn't work, `elements` is always true
}

现在我正在通过 .length 属性进行以下检查:

var elements = document.querySelectorAll('.class');
if (elements.length) {
  // querySelectorAll returned DOM elements
}

你是这样做的吗？

Answer 1

没错。

document.querySelectorAll('.class') 返回非实时 Node List ，这将永远是真实的。

因此您需要使用 length 来计算列表中的项目数，以确定是否有超过 0 个项目。