Как получить ссылку на узел в дереве DOM в консоли отладчика Google Chrome

Question

В отладчике Google Chrome я часто хочу получить ссылку на узел в дереве DOM. Я могу нажать кнопку «увеличительное стекло», а затем щелкнуть нужный элемент в окне браузера, чтобы выбрать соответствующий узел в дереве DOM, отображаемом в отладчике. Но как я могу получить ссылку на этот узел в консоли?

Если элемент имеет идентификатор, document.getElementById работает, но если идентификатор отсутствует, есть ли лучшая альтернатива 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.

Answer 2

Довольно хорошее решение - выбрать нужный элемент из массива, возвращаемого getElementsByTagName.