html中document.body 与 document.documentElement的区别

项目中，经常会用到这两个来获取网页的滚动高度

const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //考虑浏览器兼容

但是具体有啥区别还是有点模糊，这里抽出时间整理一下。

1. document.body

返回html dom中的body节点 即

2. document.documentElement

返回html dom中的root节点 即

 

页面指定了 DOCTYPE 时，使用 document.documentElement，否则，使用 document.body。

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