【问题标题】: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 只搜索元素的子元素。因为范围更窄,所以效率更高。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2014-05-22
        • 1970-01-01
        • 1970-01-01
        • 2020-11-11
        • 1970-01-01
        • 2013-05-26
        相关资源
        最近更新 更多