js獲取Html元素的實(shí)際寬度高度的方法？第一種情況是寬度和高度寫在樣式表中，例如#div1{寬度：120px}在這種情況下，通過(guò)div1樣式.寬度無(wú)法獲取寬度，但可以通過(guò)#div1.offsetwi

js獲取Html元素的實(shí)際寬度高度的方法？

第一種情況是寬度和高度寫在樣式表中，例如#div1{寬度：120px}在這種情況下，通過(guò)div1樣式.寬度無(wú)法獲取寬度，但可以通過(guò)#div1.offsetwidth獲取寬度。

第二個(gè)是寬度和高度寫在行中，例如style=“寬度：120px在這種情況下，可以通過(guò)上述兩種方法獲得寬度。

總結(jié)，因?yàn)閕d.偏移寬度以及id.離地不管樣式是寫在樣式表中還是寫在一行中，當(dāng)我們得到元素的寬度和高度時(shí)，最好使用這兩個(gè)屬性。請(qǐng)注意，如果未寫入行中，則無(wú)法傳遞style中的屬性id.style.atrr編號(hào)為了得到它。

今天的前端產(chǎn)品很少直接用樣式表來(lái)編寫樣式，但它們都是用樣式表來(lái)編寫的。如果您想要獲得的樣式?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//寬度

1。在使用CSS模式時(shí)，必須有一個(gè)前提。以100%的高度為例，我們必須定義它的父元素的高度，而這個(gè)高度就是全屏的高度。同時(shí)，注意不要有其他CSS沖突，如我們使用的位置：絕對(duì)（絕對(duì)定位）當(dāng)我們使用100%的高度時(shí)，它將是無(wú)效的。2如果由于我們模塊的要求，JavaScript模式不能滿足使用CSS的要求，我們將使用js來(lái)實(shí)現(xiàn)。當(dāng)然，無(wú)論我們使用原生JS還是jQuery以及其他框架。我們必須選擇正確的對(duì)象和方法。例如，許多人說(shuō)屏幕對(duì)象應(yīng)該被選中。其實(shí)我不這么認(rèn)為，因?yàn)闊o(wú)論是我們的PC還是我們的移動(dòng)終端，瀏覽器本身往往占據(jù)一定的位置。因此，我建議使用window object獲取size值，然后通過(guò)dom更改HTML元素的CSS屬性值。