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

Question

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

如果元素有id,则document.getElementById可以工作,但是如果没有id,是否有更好的替代XPath或使用DOM树的手动遍历children？

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

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

每次输入都很痛苦.

Answer 1

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