/* 獲取某個元素的寬高
elem.clientwidth/elem.clientheight
注意:不計算邊框. 計算padding 不計算 margin
獲取某個元素的寬高
elem.offsetwidth/elem.offsetheight
注意:計算邊框. 計算padding 不計算 margin
*/var div = document.getelementbyid("div1");
console.log(div.clientwidth);
console.log(div.offsetwidth);
/*document可視區的寬高
document.documentelement.clientwidth
document.documentelement.clientheight
*/console.log(document.documentelement.clientwidth);
console.log(document.documentelement.clientheight);
/*例項: 登入框
讓乙個不確定寬高的元素居中顯示
元素的 left = (可視區域寬度-元素寬度)/2
元素的 top = (可視區域高度-元素高度)/2
*/var clientw = document.documentelement.clientwidth;
var iw = div.offsetwidth;
var clienth = document.documentelement.clientheight;
var ih = div.offsetheight;
div.style.left = (clientw - iw)/2 + "px";
div.style.top = (clienth - ih)/2 + "px";
script>
body>
html>
獲取元素寬高
獲取元素寬高值 1.內聯樣式.element.style讀取的只是元素內聯樣式,即寫在元素的 style 屬性上的樣式,支援讀寫.var elebox document.getelementbyid eleid var h elebox.style.height 外聯樣式 巢狀樣式無法通過上述方法直...
獲取元素高寬
element.clientwidth屬性表示元素的內部寬度，以畫素計。該屬性包括內邊距，但不包括垂直滾動條 如果有 邊框和外邊距 element.getboundingclientrect width有內邊距和邊框，無外邊距 element.style.width 只能去內聯樣式的寬window....
js怎麼獲取元素的寬高
第一種情況就是寬高都寫在 樣式表裡，就比如 div1。這中情況通過 div1.style.width拿不到寬度，而通過 div1.offsetwidth 才可以獲取到寬度。第二種情況就是寬和高是寫在 行內中，比如style width 120px 這中情況通過上述2個方法都能拿到寬度。小結，因為id...