简单理解clientHeight、scrollHeight、offsetHeight

一、 clientWidth和clientHeight

1.     clientWidth：获取实际宽度，结果为数值型

2.     clientHeight：获取实际高度，结果为数值型

3.     clientWidth和clientHeight的注意事项

1)    padding会影响这个属性的值，即clientHeight= height+padding（上下），clientWidth=width+padding（左右）

2)    滚动条会影响这个属性的值，即clientHeight = height-滚动条宽度；clientWidth=width-滚动条宽度

二、 scrollWidth和scrollHeight

1.     scrollWidth：元素的实际宽度

2.     scrollHeight：元素的实际高度

3.     注意：这两个属性可以用来测算出溢出元素的实际宽度和高度

三、 offsetWidth和offsetHeight

1.     offsetWidth：元素的实际宽度

2.     offsetHeight：元素的实际高度

3.     注意：

1)    offsetWidth和offsetHeight受padding和border影响，也就是说

offsetWidth= width+padding+border

offsetHeight= height+padding+border

四、 什么时候使用clientWidth、clientHeight、offsetWidth、offsetHe

最后

以上就是安静心情为你收集整理的简单理解clientHeight、scrollHeight、offsetHeight的全部内容，希望文章能够帮你解决简单理解clientHeight、scrollHeight、offsetHeight所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。