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

js獲取Html元素的實際寬度高度的方法？

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

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

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

今天的前端產(chǎn)品很少直接用樣式表來編寫樣式，但它們都是用樣式表來編寫的。如果您想要獲得的樣式?jīng)]有相應(yīng)的（如#div1樣式.寬度對應(yīng)于#div1。Offsetwidth），您只能在不使用瀏覽器的情況下獲取樣式表的屬性。您可以嘗試搜索“JS get style properties”等等。

代碼：

var o=文檔.getElementById（“view”）var H=o.offsetheight//高度var w=o.offsetwidth//寬度元素偏移寬度: 要素：遠視沒有高度設(shè)置的元素通常使用此設(shè)置來獲取高度和寬度的偏移高度：獲取相對于布局的對象或父對象的偏移coorder屬性指定的父坐標(biāo)之上的高度主要是指ie，F(xiàn)irefox的區(qū)別如下：IE6.0，ff1.06:offetheight=height padding borderjquery中的height（）方法默認(rèn)取這個值，然后找到下border和maxheight的值。您可以直接使用jQuery。如果你想自己寫，你需要做一點兼容性

這是不可能的。在相應(yīng)的屬性具有值之前，需要將其放入頁面瀏覽器中進行渲染。通常的方法是將元素放在頁面上并隱藏它。得到值后，會顯示出來