documentElment和body

来源:2-16 首页-滚动加载

hyperse

2019-12-18 21:52:05

为什么有的是通过documentElement获取,有的通过body获取呀?

documentElement返回html,body难道不是html的子元素吗?

写回答

2回答

好帮手慕星星

2019-12-19

同学你好,问题解答如下:

1、clientHeight获取的是视口高度,只能用document.documentElement获取。

2、scrollHeight是滚动高度,也就是页面高度,通过document.body或者document.documentElement获取都是可以的,不固定。可以将视频中的获取方式修改成另一个。

同学可以输出看看这两个属性的值是多少就明白,祝学习愉快!

0

好帮手慕星星

2019-12-19

同学你好,body是html的子元素,通常两个元素大小一样。

但是部分浏览器不支持通过body获取页面滚动的高度,例如Chrome:

http://img.mukewang.com/climg/5dfae8b8097113ec08250383.jpg

页面滚动,通过body获取滚动高度一直是0,通过documentElement获取滚动高度就是正常的:


http://img.mukewang.com/climg/5dfae8ca09f2b35e04610460.jpg

所以代码通常两个一起写,兼容不同浏览器获取滚动高度:

http://img.mukewang.com/climg/5dfae92409fc67db13970313.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0
hyperse
h 那为什么clientHeight用documentElement获取,scrollHeight用body获取呢?这两个高度也没有用兼容的写法呀?
h019-12-19
共1条回复

0 学习 · 6815 问题

查看课程