如何在Google Chrome调试器控制台中获取对DOM树中节点的引用
在GoogleChrome调试器中,我经常希望获得对DOM树中节点的引用。我可以单击“放大镜”按钮,然后在浏览器窗口中单击所需的元素,以在调试器中显示的DOM树中选择相应的节点。但是如何在控制台中获取对该节点的引用 如果元素有一个id,如何在Google Chrome调试器控制台中获取对DOM树中节点的引用,dom,google-chrome,debugging,Dom,Google Chrome,Debugging,在GoogleChrome调试器中,我经常希望获得对DOM树中节点的引用。我可以单击“放大镜”按钮,然后在浏览器窗口中单击所需的元素,以在调试器中显示的DOM树中选择相应的节点。但是如何在控制台中获取对该节点的引用 如果元素有一个id,document.getElementById可以工作,但是如果没有id,是否有更好的方法代替XPath或使用子元素手动遍历DOM树 如果XPath是最好的方法,有没有比这样做更好的方法: var evaluator = new XPathEvaluator();
document.getElementById
可以工作,但是如果没有id,是否有更好的方法代替XPath或使用子元素手动遍历DOM树
如果XPath是最好的方法,有没有比这样做更好的方法:
var evaluator = new XPathEvaluator();
var result = evaluator.evaluate("//div", document.documentElement, null,
XPathResult.FIRST_ORDERED_NODE_TYPE, null);
每次键入都很痛苦。一个相当好的解决方案是从getElementsByTagName
返回的数组中选择所需的元素。如果在“元素”面板中选择了某个元素,那么您可以在控制台中借助特殊变量$0处理它的属性。这很好,很容易知道。