為什么console.log（document.getElementById（'blah'）））在Chrome中給出不同的日志消息？

Question

我只是在搞亂，正在注銷使用標准javascript選擇但在jQuery document.ready（fn）塊中執行的div。

$(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]