DOM-узел console.log в Safari / WebKit как объект? - PullRequest
Новая
       1

DOM-узел console.log в Safari / WebKit как объект?

14 голосов
/ 13 октября 2011

Это то, что сводит меня с ума некоторое время.Когда я console.log для узла DOM (возвращаемого примером из document.getElementById), он отображается как интерактивный HTML-элемент, как он будет отображаться на вкладке «Элементы».

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

Есть ли любой как мне заставить DOM-узел отображать в консоли как обычный объект ??

1 Ответ

25 голосов
/ 13 октября 2011

Используйте 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, но доступно) .

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...