位置:首頁 > 軟件操作教程 > 編程開發(fā) > JavaScript > 問題詳情

JavaScript 獲取元素大小

提問人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-27

■知識(shí)點(diǎn)

可以使用下面3組屬性獲取元素的大小,與元素尺寸相關(guān)的屬性如表所示。

元素尺寸屬性

clientWidth

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

clientHeight

獲取元素可視部分的高度,即CSSheightpadding屬性值之和,元素邊框和滾動(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è)置了 overfl0w:viSiblC樣式屬性時(shí),元素的總高度,也稱滾動(dòng)高度。在默認(rèn)狀態(tài)下,如果 該屬性值大于clientHeight屬性值,則元素會(huì)顯示滾動(dòng)條,以便能夠翻閱被隱藏的區(qū)域


繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部