document.body 和 document.documentElement

最新推荐文章于 2024-08-16 12:31:17 发布

zanazh

最新推荐文章于 2024-08-16 12:31:17 发布

阅读量574

点赞数

分类专栏：点滴积累

本文链接：https://blog.csdn.net/zanazh/article/details/8122514

版权

点滴积累专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1）document.body和document.documentElement比较：

document.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。

IE在怪异模型（quick mode）下document.documentElement无法正确取到clietHeight 、scrollHeight等值，比如clietHeight=0。可以见IE的怪异模型并没有把html作为盒子模型的一部分，好在现在很少使用怪异模型。（注：如果页面没写DTD或写的不对，IE6默认使用怪异模型解析页面）

2）document.body.scrollHeight和document.documentElement.scrollHeight的区别：

        document.body.scrollHeight是body元素的滚动高度，document.documentElement.scrollHeight为页面的滚动高度，且 document.documentElement.scrollHeight在IE和Firefox下还有点小差异。
        IE : document.documentElement.scrollHeight = document.body.scrollHeight + marginTop bottom高度+ 上下border宽度
        firefox : document.documentElement.scrollHeight = document.body.scrollHeight + marginTop bottom高度

以HTML超文本标记语言为例：整个文档的一个根就是<html>,在DOM中可以使用document.documentElement来访问它，它就是整个节点树的根节点。而body是子节点，要访问到body标签，在脚本中应该写：document.body。