如果有兩個div巢狀,像這樣
// js**,獲取這個div
var box = document.getelementbyid("box");
通過元素物件的style屬性設定的樣式是行內樣式,所以通過style獲取也是獲取的行內樣式,並不能獲取css設定的樣式值,這時候用
console.log(box.style);是沒有輸出的
元素物件的clientwidth屬性,表示元素的寬度,相對的舉一反三高度就不列了
console.log(box.clientwidth);
帶邊框的寬高(算上邊框的寬高)
console.log(box.offsetwidth);console.log(box.offsetheight);
獲得元素相對於瀏覽器視窗的座標
console.log(box.offsetleft);console.log(box.offsettop);
瀏覽器視窗的寬高(工作區,顯示頁面的區域)
console.log(window.innerwidth,window.innerheight);
整個瀏覽器視窗的寬高
console.log(window.outerwidth,window.outerheight);
元素的尺寸和位置
1 clientwidth clientheight 元素的可視部分的寬度和高度 也就是css的width加padding 它們不把邊框和滾動條計算在內，也不包括任何可能的滾動。若css中沒有指定元素的高度和寬度 即自適應 則ie中顯示0，而非ie瀏覽器則顯示實際的值 2 offsetwidth o...
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 樣式中的寬和高，如...