element.querySelector()与document.querySelector()不同吗？

Question

纵观mdn，"querySelector“在两个部分下都会弹出，但它们似乎都达到了相同的目的。对于不同的情况，哪一种是理想的呢？...or，它们在功能上基本上是一样的吗？

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelector

Answer 1

使用Element.querySelector()更有效，因为与Document.querySelector()相比，您所引用的目标更窄；

在这两种情况下，您都可以访问DOM树，但是由于起点始终是使用Document.querySelector()的document，所以您将完全从根遍历dom，直到子元素匹配为止。

另一方面，Element已经是对某个节点的引用，所以查询不会从根开始，它附带的所有内容.

Answer 2

唯一的区别是查询的根在哪里。element.querySelector只搜索元素的子元素。因为范围越窄，效率就越高。