理解JS中的offsetWidth

首先来看看这个div1:

#div1 { width:200px; height:200px; border:1px solid red; padding:2px; margin:2px; background:green;}

它的offsetWidth是多少?

200px吗?

应该是206,因为offsetWidth实际获取的是盒模型(width+border + padding)

 扩展:

     offsetHeight = height + border + padding

     offsetLeft = left + marginLeft

     offsetTop = top +marginTop