1、clientwidth clientheight
元素的可視部分的寬度和高度（也就是css的width加padding）。它們不把邊框和滾動條計算在內，也不包括任何可能的滾動。
若css中沒有指定元素的高度和寬度(即自適應)，則ie中顯示0，而非ie瀏覽器則顯示實際的值
2、 offsetwidth offsetheight
元素在頁面中佔據的寬度和高度的總計。它們和前一對屬性的區別在於它們把元素的邊框和滾動條計算在內。
若css中沒有指定元素的高度和寬度(即自適應)，所有瀏覽器都會顯示實際的值包括width + padding + border
3、 scrollwidth scrollheight
給出設定了overflow:visible的元素總的寬度和高度。如果這個寬度和高度大於clientwidth和clientheight，該元素就需要滾動條。
width + padding + border
overflow:hidden/scroll 時 ，所有瀏覽器都會返回該元素的全部顯示時的值
overflow:visible 時，google chrome、safari、ie會顯示元素全部顯示時的值，而ff、opera會顯示應當顯示的區域的值
該屬性有很多的bug，所以在具體應用時，用處很少。
4、 scrolltop 和 scrollleft
scrolltop和scrollleft屬性給出元素已經滾動的距離（畫素值）。當你設定這些屬性的時候，頁面滾動到新的座標。
元素的尺寸和位置
如果有兩個div巢狀,像這樣 js 獲取這個div var box document.getelementbyid box 通過元素物件的style屬性設定的樣式是行內樣式,所以通過style獲取也是獲取的行內樣式,並不能獲取css設定的樣式值,這時候用 console.log box.style ...
DOM元素尺寸和位置
offsetwidth和offsetheight 可以獲取元素實際大小 width padding border 可以獲取元素的大小，但是不能設定。box.offsetwidth box.offsetheight offsettop和offsetleft 可以獲取當前元素相對于父元素的位置。box....
22 DOM元素尺寸和位置
1.通過 style內聯獲取元素的大小var box document.getelementbyid box 獲取元素 box.style.width 200px 空 box.style.height 200px 空ps style 獲取只能獲取到行內 style 屬性的 css 樣式中的寬和高，如...