位置
offsetLeft, offsetTop
當(dāng)前元素到定位父級(jí)的距離(偏移值)
到當(dāng)前元素的offsetParent的距離
如果沒(méi)有定位父級(jí):
offsetParent -> body
offsetParent -> html
如果有定位父級(jí):
ie7以下:如果自己沒(méi)有定位浸颓,那么offsetLeft[Top]是到body的距離
如果自己有定位澈段,那么就是到定位父級(jí)的距離其他:到定位父級(jí)的距離
到文檔頂部位置:
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 : 可視區(qū)寬
offsetWidth : 占位寬
<div style="width: 100px; height: 100px; border: 1px solid red; padding: 10px; margin: 10px;"></div>
<script>
alert( oDiv.style.width ); //100
alert( oDiv.clientWidth ); //樣式寬 + padding 120
alert( oDiv.offsetWidth ); //樣式寬 + padding + border 122
</script>