element.style.height
element.offsetheightelement.scrollheightelement.clientheight
獲取到的結果都是number，不帶單位
clientwidth
獲取元素可視部分的寬度，即 css 的 width 和 padding 屬性值之和，元素邊框和滾動條不包括在內，也不包含任何可能的滾動區域
clientheight
獲取元素可視部分的高度，即 css 的 height 和 padding 屬性值之和，元素邊框和滾動條不包括在內，也不包含任何可能的滾動區域
offsetwidth
元素在頁面中佔據的寬度總和，包括 width、padding、border 以及滾動條的寬度
offsetheight
元素在頁面中佔據的高度總和，包括 height、padding、border 以及滾動條的寬度
scrollwidth
當元素設定了 overflow:scroll 樣式屬性時，元素的總寬度，也稱滾動寬度。在預設狀態下，如果該屬性值大於 clientwidth 屬性值，則元素會顯示滾動條，以便能夠翻閱被隱藏的區域
scrollheight
當元素設定了 overflow:scroll 樣式屬性時，元素的總高度，也稱滾動高度。在預設狀態下，如果該屬性值大於 clientwidth 屬性值，則元素會顯示滾動條，以便能夠翻閱被隱藏的區域
window.getcomputedstyle
返回的是元素所有的樣式屬性
語法：
let ele = document.getelementbyid('id')
window.getcomputedstyle(ele, [偽類])
/* 第二個引數可選（用於獲取偽元素）例子如下：*/
window.getcomputedstyle(ele, 'after') // 獲取到ele元素的after偽元素
獲取到的結果都是string，帶單位
let csd = window.getcomputedstyle(ele)
/* 無論用哪種，都得用駝峰形式 即 background-color => backgroundcolor */
/* 取值方式 1 :直接點出來就行 */
csd.backgroundcolor
/* 取值方式 2 */
csd.getpropertyvalue('backgroundcolor')
/* 補充 */
// 獲取指定樣式是否設定 important
csd.getpropertypriority('backgroundcolor')
獲取元素寬高
獲取元素寬高值 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...