DOM操作盒子模型的13个api

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