Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Google Chrome调试器控制台中获取对DOM树中节点的引用_Dom_Google Chrome_Debugging - Fatal编程技术网

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

如何在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();

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

如果元素有一个id,
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处理它的属性。

这很好,很容易知道。