这件事让我抓狂了一段时间。当我 console.log 一个 DOM 节点时（通过示例返回document.getElementById），它显示为交互式 html 元素，就像它出现在“元素”选项卡上一样。
这肯定很方便，但有时我只想能够扩展对象并查看其所有属性，就像我可以对登录到控制台的所有其他类型的对象所做的那样。
有没有any我可以让 DOM 节点作为常规对象在控制台中显示吗？
Use console.dir代替console.log.
console.log( document.body );
<body class="question-page">...</body>
console.dir( document.body );
> HTMLBodyElement
aLink: ""
attributes: NamedNodeMap
background: ""
...
来自 Firebug 文档：
控制台.dir(对象)
打印对象所有属性的交互式列表。这看起来与您在 DOM 选项卡中看到的视图相同。
Chrome 支持console.dir还有，如图所示 （未显示为console，但可用）.
