element.querySelector() 与 document.querySelector() 有什么不同？

【问题标题】：Is element.querySelector() different from document.querySelector()?element.querySelector() 与 document.querySelector() 有什么不同？
【发布时间】：2015-05-24 19:31:52
【问题描述】：

查看 mdn “querySelector” 会弹出两个部分，但它们似乎都达到了相同的目的。任何一种都适合不同的情况吗？ ...或者它们在功能上是否基本相同？

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

【问题讨论】：

标签： javascript dom

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

唯一的区别是查询的根源。 element.querySelector 只搜索元素的子元素。因为范围更窄，所以效率更高。

【讨论】：