JavaScript 獲取元素大小

clientWidth

獲取元素可視部分的寬度，即CSS的width和padding屬性值之和，元素邊框和滾動(dòng)條不包括在 內(nèi)，也不包含任何可能的滾動(dòng)區(qū)域

clientHeight

獲取元素可視部分的高度，即CSS的height和padding屬性值之和，元素邊框和滾動(dòng)條不包括在 內(nèi)，也不包含任何可能的滾動(dòng)區(qū)域

offsetWidth

元素在頁而中占據(jù)的寬度總和，包括width、padding、border以及滾動(dòng)條的寬度

offsetHeight

元素在頁而中占據(jù)的高度總和，包括height、padding、border以及滾動(dòng)條的高度

scroll Width

當(dāng)元素設(shè)罝了 overflowwisible樣式屬性時(shí)，元素的總寬度，也稱滾動(dòng)寬度。在默認(rèn)狀態(tài)下，如果 該屬性值大于clientWidth屬性值，則元素會(huì)顯示滾動(dòng)條，以便能夠翻閱被隱藏的區(qū)域

scrollHeight

當(dāng)元素設(shè)置了 ove_rfl₀w_:vi_Sibl_C樣式屬性時(shí)，元素的總高度，也稱滾動(dòng)高度。在默認(rèn)狀態(tài)下，如果 該屬性值大于clientHeight屬性值，則元素會(huì)顯示滾動(dòng)條，以便能夠翻閱被隱藏的區(qū)域