javascript - 为什么 console.log(document.getElementById( 'blah' ))) 在 Chrome 中给出不同的日志消息？

Question

$(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 格式输出元素。