位置和尺寸

位置

offsetLeft, offsetTop

当前元素到定位父级的距离(偏移值)

到当前元素的offsetParent的距离

如果没有定位父级:

  • offsetParent -> body

  • offsetParent -> html

如果有定位父级:

  • ie7以下:如果自己没有定位,那么offsetLeft[Top]是到body的距离
    如果自己有定位,那么就是到定位父级的距离

  • 其他:到定位父级的距离

到文档顶部位置:

function getPos(obj) {    
    var pos = {left:0, top:0};
    
    while (obj) {
        pos.left += obj.offsetLeft;
        pos.top += obj.offsetTop;
        obj = obj.offsetParent;
    }
    
    return pos;
    
}

尺寸

style.width : 样式宽
clientWidth : 可视区宽
offsetWidth : 占位宽

你可能感兴趣的:(位置和尺寸)