document.body和document.documentElement的比较

来源：互联网发布：工资发放软件编辑：程序博客网时间：2024/05/29 08:34

document.body和document.documentElement比较：
document.body是DOM中Document对象里的body节点（相对body而言），document.documentElement是文档对象根节点(html)的引用（相对html而言）。

document.body.scrollHeight和document.documentElement.scrollHeight的区别：
document.body.scrollHeight是body元素的滚动高度，document.documentElement.scrollHeight为页面的滚动高度。
这是DOMDocument对象里的body子节点和整个节点树的根节点root。

DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。
以HTML超文本标记语言为例：整个文档的一个根就是<html>,在DOM中可以使用document.documentElement来访问它，它就是整个节点树的根节点。而body是子节点，要访问到body标签，在脚本中应该写：document.body。
页面具有 DTD，或者说指定了 DOCTYPE 时，使用 document.documentElement。
页面不具有 DTD，或者说没有指定了 DOCTYPE，时，使用 document.body。
在 IE 和 Firefox 中均是如此。
为了兼容，不管有没有 DTD，兼容性代码如下：

var scrollTop = window.pageYOffset  //用于FF                || document.documentElement.scrollTop                  || document.body.scrollTop                  || 0;

0 0