Safari/WebKit console.log DOM node как объект?

Это то, что меня некоторое время подталкивало. Когда я console.log DOM node (возвращен примером из document.getElementById), он отображается как интерактивный элемент html, как он появляется на вкладке "Элементы".

Это может быть удобно, но бывают случаи, когда я просто хочу расширить объект и увидеть все его свойства, как я могу сделать для любого другого объекта, который я запишу в консоль.

Есть ли способ получить DOM node для отображения в консоли как обычный объект?

Ответы

Ответ 1

Используйте console.dir вместо console.log.

console.log( document.body );
<body class="question-page">...</body>

console.dir( document.body );
> HTMLBodyElement
    aLink: ""
    attributes: NamedNodeMap
    background: ""
    ...

Из документов Firebug:

console.dir(объект)

Печать интерактивного списка всех свойств объекта. Это похоже на представление, которое вы увидите на вкладке DOM.

Chrome поддерживает console.dir, как показано здесь (не отображается как свойство console, но он доступен).