标签：des style blog io color ar os sp strong
js元素的offsetWidth与clientWidth很相似，因此放在一起记录。
1、clientWidth与offsetWidth
clientWidth=元素内容区域宽度+水平内边距padding.
offsetWidth=元素的内容区域宽度+水平内边距padding+边框的宽度。
因此，可以认为：
offsetWidth=clientWidth+边框宽度。
通过实例验证下：
FF下的console:
因,div2的宽度时300px， 且padding为10px，根据以上描述，则clientWidth等于内容区域宽度300+内边距10*2（一个是paddingLeft，一个是paddingRight）=320px;
其他计算类似。
2、offsetParent
元素的offsetParent并不是元素的父元素，判断元素的offsetParent要根据以下情况：
1）当DOM结构层次中的元素均没有进行css定位（设置position为absolute或relative），则offsetParent为根目录；
2）当元素的父元素没有进行css定位，则offsetParent取最近的已经定位的元素；
3）当元素的父元素进行了css定位，则offsetParent为父元素；
js的offsetWidth,clientWidth及offsetParent
标签：des style blog io color ar os sp strong
原文地址：http://www.cnblogs.com/wmmang-blog/p/4071989.html
