关于js的几个DOM属性｜ 青训营笔记

• offsetWidth/offsetHeight：content + padding + border
• clientWidth/clientHeight：content + padding
• style.width/style.height：content

值得注意的是：

1. style.width/height获取的时可读写的属性，前两个是只读属性
2. style.width/height返回的是带单位的字符串，如28px，offsetWidth/Height返回的仅仅是数值28，这就方便我们直接用于计算布局
3. style.width/height读取和设置的样式都是内联样式，无法读取样式表中的样式(读取CSS会直接返回undefined)