Javascript 元素.querySelector（）与文档.querySelector（）不同吗？_Javascript_Dom

Javascript 元素.querySelector（）与文档.querySelector（）不同吗？

javascript dom

Javascript 元素.querySelector（）与文档.querySelector（）不同吗？,javascript,dom,Javascript,Dom,查看两个部分下弹出的mdn“querySelector”，它们似乎都达到了相同的目的。在不同的情况下，哪一种是理想的。。。或者，它们在功能上基本相同唯一的区别在于查询的根位置。element.querySelector仅搜索元素的子元素。因为范围更窄，所以效率更高。使用元素.querySelector（）效率更高，因为与文档.querySelector（）相比，您引用的目标更窄。在这两种方式中，您都可以访问，但由于使用document.querySelector（）的起点始终是docume

查看两个部分下弹出的mdn“querySelector”，它们似乎都达到了相同的目的。在不同的情况下，哪一种是理想的。。。或者，它们在功能上基本相同

唯一的区别在于查询的根位置。element.querySelector仅搜索元素的子元素。因为范围更窄，所以效率更高。

使用

元素.querySelector（）

效率更高，因为与

文档.querySelector（）相比，您引用的目标更窄。

在这两种方式中，您都可以访问，但由于使用

document.querySelector（）

的起点始终是

document

，因此您将完全从根遍历dom，直到子元素匹配为止

另一方面，

元素

已经是对某个节点的引用，因此查询不会从根开始，以及随之而来的所有内容