DOM操作盒子模型的13个api
DOM中盒子模型的API分为3个系列:
client系列
offset系列
scroll系列
client系列:
clientWidth:获取box的内容区域->width+左右padding(可视区域的宽度,padding也是盒子的 可视区域。。)
clienHeight:获取box的内容区域->height+上下padding (可视区域的高度)
clientTop:获取盒子的上边框大小
clientLeft:获取盒子的左边框大小
注意:1)clientWidth,clientHeight,clientTop,clientLeft只能获取值,不能设置值
offset系列:
offsetWidth:box.offsetWidth在clienWidth的基础上加上border
offsetHeight:box.offsetHeight在clientHeight的基础上加了border
offsetTop:取一个绝对定位元素,相对于参考点的上边的距离
offseLeft:取一个据对定位元素,相对于参考点的左边的距离
offsetParent():获取一个绝对定位元素的参考点
scroll系列:
scrollWidth:内容没有溢出的情况下:scrollWidth=clientWidth