开发指南132-DOM的宽度、高度属性
宽度、高度类似。这里以高度为例来说明DOM中有关高度的概念:
1、height
取法:
element.style.height
说明:元素内容区域的高度,不含padding、border、margin
该属性可写
2、clientHeight
取法:
element..clientHeight,如document.body.clientHeight
说明:包含内容区域 + 内边距 padding,但不包括边框 border、外边距 margin 和滚动条)。
该属性只读
3、offsetHeight
取法:
element..offsetHeight
说明:
返回元素的整体高度(包含内容区域 + padding + border + 滚动条,不包括 margin)
该属性只读
4、
scrollHeight
取法:
element..scrollHeight
说明:
返回元素内容的总高度(包括可视区域外的部分,即滚动才能看到的内容),包含 padding,但不包括 border、margin 和滚动条
该属性只读
5、
scrollTop
取法:
element..scrollTop
说明:
表示元素内部滚动条从上到下滚动的距离(即被隐藏的顶部高度)
该属性可写