代码之家  ›  专栏  ›  技术社区  ›  user85509

如何在Google Chrome调试器控制台中获取对DOM树中节点的引用

  •  3
  • user85509  · 技术社区  · 16 年前

    在Google Chrome调试器中,我经常希望获得对DOM树中节点的引用。我可以单击“放大镜”按钮,然后在浏览器窗口中单击所需的元素,以在调试器中显示的DOM树中选择相应的节点。但是如何在控制台中获得对该节点的引用呢?

    如果元素有ID, document.getElementById 有效,但如果没有ID,是否有更好的方法来替代XPath或使用 children ?

    如果xpath是最好的方法,有没有比这样做更好的方法:

    var evaluator = new XPathEvaluator();
    var result = evaluator.evaluate("//div", document.documentElement, null,
                 XPathResult.FIRST_ORDERED_NODE_TYPE, null);
    

    每次打字都很痛苦。

    2 回复  |  直到 16 年前
        1
  •  8
  •   loislo    16 年前

    如果在元素面板中选择了某个元素,那么您可以在控制台的特殊变量$0的帮助下使用它的属性。

        2
  •  0
  •   user85509    16 年前

    一个相当好的解决方案是从返回的数组中选择所需的元素 getElementsByTagName .