documet.body和documet.documentElement的区别

document.body
返回html dom中的body节点 即

document.documentElement
返回html dom中的root 节点 即

document.documentElement 与 document.body的应用场景

获取 scrollTop 方面的差异

1. 在chrome(版本 52.0.2743.116 m)下获取scrollTop只能通document.body.scrollTop,而且DTD是否存在,不会影响document.body.scrollTop的获取。

2. 在firefox(47.0)及 IE(11.3)下获取scrollTop，DTD是否存,会影响document.body.scrollTop 与
   document.documentElement.scrollTop的取值

3. 在firefox(47.0)

   页面存在DTD，使用document.documentElement.scrollTop获取滚动条距离；

   页面不存在，使用document.body.scrollTop 获取滚动条距离

4. IE(11.3)

   页面存在DTD，使用document.documentEelement.scrollTop获取滚动条距离

   页面不存在DTD,使用document.documentElement.scrollTop 或
   document.body.scrollTop都可以获取到滚动条距离

兼容解决方案：

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

文档类型定义（DTD）可定义合法的XML文档构建模块。它使用一系列合法的元素来定义文档的结构。

DTD 可被成行地声明于 XML 文档中，也可作为一个外部引用。

内部的 DOCTYPE 声明

假如 DTD 被包含在您的 XML 源文件中，它应当通过下面的语法包装在一个 DOCTYPE 声明中：

<!DOCTYPE 根元素 [元素声明]>