在這個例子中給box1使用設定樣式，給box2使用內聯樣式設定寬高。
所以在使用
console.log(document.getelementbyid(" ").style.width/height)只能返回box2的寬度和高度。
盒子一盒子二只可以獲取box2的寬高width：300px；height：185px；
盒子一盒子二ie控制台輸出：
盒子一盒子二ie七八不支援：
對於元素大小的獲取，一般是塊級(block)元素並且以設定了css大小的元素較為方便。如果是內聯元素(inline)或者沒有設定大小的元素就尤為麻煩，所以，建議使用的時候注意。
---恢復內容結束---
在這個例子中給box1使用設定樣式，給box2使用內聯樣式設定寬高。
所以在使用
console.log(document.getelementbyid(" ").style.width/height)只能返回box2的寬度和高度。
盒子一盒子二只可以獲取box2的寬高width：300px；height：185px；
盒子一盒子二ie控制台輸出：
盒子一盒子二ie七八不支援：
對於元素大小的獲取，一般是塊級(block)元素並且以設定了css大小的元素較為方便。如果是內聯元素(inline)或者沒有設定大小的元素就尤為麻煩，所以，建議使用的時候注意。
JS獲取盒模型對應的寬高
獲取內聯樣式寬高 只能獲取內聯設定的樣式，在style或者.css檔案中設定的無法獲取 1 let div document.queryselect test 2 let width div.style.width 3 let height div.style.height currentstyle...
獲取元素的寬和高
1 獲取視窗的文件顯示區的寬度和高度。包含滾動條 window.innerheight window.innerwidth 不包含滾動條 document.documentelement clientheight document.documentelement clientwidth2 獲取doc...
CSS入門教程 計算CSS盒模型寬和高
出處 當我們布局乙個網頁的時候，經常會遇到這樣的一種情況，那就是最終網頁成型的寬度或是高度會超出我們預先的計算，其實就就是所謂的css的盒模型造成的。test 如上一段的 很多時候我們會把它所佔的位置計算成width 120px，heloxozkswight 120px，因為在正常的理解下，padd...