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

Is element.querySelector() different from document.querySelector()?

本文关键字：querySelector element document      更新时间：2023-09-26

查看两个部分下弹出的mdn "querySelector"，但它们似乎都达到了相同的目的。在不同情况下，这两种方法都是理想的吗?…或者它们在功能上基本上是一样的吗?

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

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

在这两种方式中，您都可以访问DOM树，但由于起点始终是使用Document.querySelector()的document，因此您将完全从根遍历DOM，直到一个子元素将匹配。

另一方面，Element已经是对某个节点的引用，因此查询不会从根开始，所有这些都伴随着它…

唯一的区别是查询的根在哪里。元素。querySelector只搜索元素的子元素。

相关文章：