目錄
1、.offsetparent
2、.offsetleft
5、.offsettop
4、.offsetheight
5、.offsetwidth
6、offset和style的區別
7、總結表
唯讀屬性，返回乙個指向最近的帶有定位或者為（table,td,th,body）的父元素。它返回的是乙個元素物件。
parentobj = element.offsetparent;即元素左邊距離.offsetparent元素左邊的距離。
父絕子相，子left-20px效果：
返回當前元素相對於其.offsetparent元素的頂部內邊距的距離。
父相子絕，子top:-20px效果：
返回乙個元素的布局寬度。
offset可以得到任意樣式表中的樣式值，style只能得到行內樣式表中的樣式值。
offset 獲得的數值沒有單位，style.width獲得的是帶有單位的字串
offsetwidth 包含 padding+border+width，style.width不包含padding,border
offset是唯讀屬性,width是讀寫屬性
獲得元素大小用offset ，給元素該值用style
範圍返回值
clientwidth
clientheight
元素的內部寬度
width/height + padding
整數offsetwidth
offsetheight
元素寬度
width/height + padding + border + scrollbar
整數style.width
style.height
元素css寬度
width/height
帶單位的字串
clienttop
clientleft
元素上/左邊框大小
整數offsetleft
offsettop
當前元素左上角相對於帶定位的父元素的偏移量
整數scrolltop
scrollleft
元素滾動距離
scrollwidth
scrollheight
元素內容大小 帶padding 不帶border 包含溢位部分
window.pagexoffset
pageyoffset
頁面滾動距離
DOM獲取元素大小
1.style獲取行內的元素大小 var box document.getelementbyid box alert typeof box.style.width alert box.style.height 2.獲取計算後的css大小，如果沒有設定，非ie會獲取預設大小，ie會理解為0 var s...
JS獲取DOM元素位置與大小
每乙個html元素都有以下屬性 offsetwidth offsetheight offsetleft offsettop clientwidth clientheight scrollwidth scrollheight scrollleft scrolltop screenx screeny o...
DOM元素尺寸和位置
offsetwidth和offsetheight 可以獲取元素實際大小 width padding border 可以獲取元素的大小，但是不能設定。box.offsetwidth box.offsetheight offsettop和offsetleft 可以獲取當前元素相對于父元素的位置。box....