offsetHeight、offsetWidth、offsetLeft、offsetTop




    
    Title
    


offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

offset相关测试

1、offsetWidth实际获取的是盒模型

offsetWidth = width + border + padding

  • offsetWidth=Width+(left)border+(right)border+(left)padding+(right)padding
-------------------------------------------------------------------------------------------

2、offsetHeight实际获取的是盒模型

offsetHeight = height + border + padding

  • offsetHeight=height+(top)border+(bottom)border+(top)padding+(bottom)padding
-------------------------------------------------------------------------------------------

3、offsetLeft实际获取的是盒模型

offsetLeft = left + marginLeft

(offsetleft表示距离offsetparent的左边间距)

(offsetleft是根据父级的定位来确定距离的)

-------------------------------------------------------------------------------------------

4、offsetTop实际获取的是盒模型

offsetTop = top +marginTop

(offsetleft表示距离offsetparent的顶边间距)

(offsetleft是根据父级的定位来确定距离的)

-------------------------------------------------------------------------------------------

你可能感兴趣的:(offsetHeight、offsetWidth、offsetLeft、offsetTop)