为什么console.log（document.getElementById（＆＃39; blah＆＃39;）））会在Chrome中提供不同的日志消息？

Question

我只是乱搞并且正在注销我用标准javascript选择的div但是我已经在jQuery document.ready（fn）块中执行了。

$(document).ready(function(){
  console.log(document.getElementById( 'blah' ));
})

我真的很想知道为什么有时候我会......

<div id="blah"></div>

有时我得到......

似乎随意记录。

Answer 1

这似乎是随机的，至少在Chrome中是这样。如果您想在Chrome控制台中以某种方式强行使用，可以使用 console.dir 和 console.dirxml 。

• console.dirxml 会强制输出与第一个示例一样，格式为xml
• console.dir 将以对象表示法输出第二个示例。

Chrome中的更多控制台命令示例：https://developer.chrome.com/devtools/docs/console-api

编辑： dirxml 也适用于Internet Explorer 11及更高版本，但不适用于Firefox，但这不应该是一个问题，因为Firefox会以xml格式输出元素。

Answer 2

每个环境决定如何呈现对象：

FireFox/Firebug:  <div id="blah">

IE/Developer tools:   [object HTMLDivElement]