javascript - 为什么 console.log(document.body) 给出不同的结果?

标签 javascript dom

出于学习目的,我在本地页面嵌入了 console.log(document.body),当我点击刷新时,它显示了 body 元素的属性,如 baseURL、innerHTML 等... 内容。为什么会这样? (我使用的是 Chrome43)

最佳答案

在 JavaScript 和 DOM 中,document.body 是一个对象,当您使用控制台记录它时,Chrome 会显示该对象,其中包括它的所有属性。 document.body 的内容可以在 innerHTML 属性中找到,也可以通过其他属性访问。

如果存在竞争条件并且 console.log(document.body) 在 DOM 树完成之前触发,Chrome 可能会显示对象属性而不是 DOM 树。

如果您需要 DOM 树,请尝试在正文加载后记录 document.body

关于javascript - 为什么 console.log(document.body) 给出不同的结果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32152414/

相关文章:

php - 如何解析部分 HTML?

java - 通过 org.w3c.dom API 公开 JAXB 注解的对象

javascript - 粗箭头中的词法 this 上下文

javascript - 如何在php变量中获取div的文本,而其文本来自js函数

javascript - 从 api 加载的路由 - Controller 从未调用过

javascript - 滚动 Dropdown li 元素直到元素可见

javascript - 通过简单的html dom删除页面的所有href

javascript - 选择描述后更改选择列表显示值

jquery - 获取参与触发事件的元素 ID

angularjs - 与 DOM 中 ng-app/ng-controller 放置相关的 Angular View 性能