How to get a reference to node in DOM tree in Google Chrome debugger console
- by .yahoo.co.jpaqwsykcj3aulh3h1k0cy6nzs3isj
In the Google Chrome debugger, I often want to get a reference to a node in the DOM tree. I can click the "magnifying glass" button and then click the desired element in the browser window to select the corresponding node in the DOM tree displayed in the debugger. But how can I get a reference to that node in the console?
If the element has an id, document.getElementById works, but if there is no id, is there a better alternative to XPath or manual traversal of the DOM tree using children?
In case XPath is the best way, is there a better way than doing something like this:
var evaluator = new XPathEvaluator();
var result = evaluator.evaluate("//div", document.documentElement, null,
XPathResult.FIRST_ORDERED_NODE_TYPE, null);
which is a pain to type out each time.
