數(shù)組元素的索引 js獲取Html元素的實(shí)際寬度高度的方法?
js獲取Html元素的實(shí)際寬度高度的方法?第一種情況是寬度和高度寫(xiě)在樣式表中,例如#div1{寬度:120px}在這種情況下,通過(guò)div1樣式.寬度無(wú)法獲取寬度,但可以通過(guò)#div1.offsetwi
js獲取Html元素的實(shí)際寬度高度的方法?
第一種情況是寬度和高度寫(xiě)在樣式表中,例如#div1{寬度:120px}在這種情況下,通過(guò)div1樣式.寬度無(wú)法獲取寬度,但可以通過(guò)#div1.offsetwidth獲取寬度。
第二個(gè)是寬度和高度寫(xiě)在行中,例如style=“寬度:120px在這種情況下,可以通過(guò)上述兩種方法獲得寬度。
總結(jié),因?yàn)閕d.偏移寬度以及id.離地不管樣式是寫(xiě)在樣式表中還是寫(xiě)在一行中,當(dāng)我們得到元素的寬度和高度時(shí),最好使用這兩個(gè)屬性。請(qǐng)注意,如果未寫(xiě)入行中,則無(wú)法傳遞style中的屬性id.style.atrr編號(hào)為了得到它。
今天的前端產(chǎn)品很少直接用樣式表來(lái)編寫(xiě)樣式,但它們都是用樣式表來(lái)編寫(xiě)的。如果您想要獲得的樣式?jīng)]有相應(yīng)的(如#div1樣式.寬度對(duì)應(yīng)于#div1。Offsetwidth),您只能在不使用瀏覽器的情況下獲取樣式表的屬性。您可以嘗試搜索“JS get style properties”等等。
代碼:
var o=文檔.getElementById(“view”)var H=o.offsetheight//高度var w=o.offsetwidth//寬度