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

Question

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

如果元素有id，document.getElementById有效，但如果没有id，是否有更好的替代XPath或使用children手动遍历DOM树？

如果XPath是最好的方法，那么有比这样做更好的方法：

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

每次输入都很痛苦。

Answer 1

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

Answer 2

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