Это то, что меня некоторое время подталкивало. Когда я console.log DOM node (возвращен примером из document.getElementById), он отображается как интерактивный элемент html, как он появляется на вкладке "Элементы".
Это может быть удобно, но бывают случаи, когда я просто хочу расширить объект и увидеть все его свойства, как я могу сделать для любого другого объекта, который я запишу в консоль.
Есть ли способ получить DOM node для отображения в консоли как обычный объект?
Используйте console.dir вместо console.log.
console.log( document.body );
<body class="question-page">...</body>
console.dir( document.body );
> HTMLBodyElement
aLink: ""
attributes: NamedNodeMap
background: ""
...
console.dir(объект)
Печать интерактивного списка всех свойств объекта. Это похоже на представление, которое вы увидите на вкладке DOM.
Chrome поддерживает console.dir, как показано здесь (не отображается как свойство console, но он доступен).
