项目中,经常会用到这两个来获取网页的滚动高度
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //考虑浏览器兼容
但是具体有啥区别还是有点模糊,这里抽出时间整理一下。
1. document.body
返回html dom中的body节点 即<body>
2. document.documentElement
返回html dom中的root节点 即<html>
页面指定了 DOCTYPE 时,使用 document.documentElement,否则,使用 document.body。
以HTML超文本标记语言为例:整个文档的一个根就是,在DOM中可以使用document.documentElement来访问它,它就是整个节点树的根节点。而body是子节点,要访问到body标签,在脚本中应该写:document.body。