javascript - 何时使用 querySelectorAll

Question

在我写的一段示例代码中

var as = toArray(document.getElementsByClassName("false")).filter(function (el) {
    return el.tagName === "A";
});

我在想我可以用

var as = document.querySelectorAll("a.false");

现在在阅读以下事实后

问题：我什么时候应该优先使用 QSA 而不是常规方法？

很明显，如果你做错了，或者qsa("a")你做错了，因为有更好的方法（byTagName、byClassName、byId）。qsa(".class")qsa("#id")

很明显，这qsa("div > p.magic")是一个合理的用例。

问题：但是qsa("tagName.class")QSA 是一个好的用例吗？

此外，还有这些东西叫做NodeIterator

score 2 · Accepted Answer

当 gEBI、gEBN、gEBCN 不起作用时，您应该使用 QSA，因为您的选择器很复杂。

QSA 与 DOM 解析是一个偏好问题，以及您将如何处理返回的数据集。

score 1 · Accepted Answer

如果浏览器支持不是问题，我会在任何地方使用它。如果只能使用一种，为什么要使用 4 种不同的方法（...byId、...byTagName、...byClassName）。

QSA 似乎更慢（... byId），但仍然只需要几毫秒或更短的时间。大多数时候你只调用它几次，所以不是问题。当您遇到速度瓶颈时，您总是可以用适当的另一个替换 QSA。

score 0 · Accepted Answer

我已经为你设置了一些测试。看来QSA要慢得多。但是，如果您不这么称呼它，那应该不是问题。

编辑 - jsperf 版本

3 回答 3