解決方法1
window.getcomputedstyle()
使用方法：window.getcomputedstyle(element)
這個方法是js裡提供元素屬性最全的方法，裡面包含幾百個屬性，我們把它在控制台列印出來console.log(window.getcomputedstyle(document.getelementbyid("test")));
解決方法2
getboundingclientrect()
使用方法：element.getboundingclientrect()
我們直接在控制台列印：$("#test")[0].getboundingclientrect()，結果如圖：
jquery或者js獲取到元素寬高精確到小數
首先我們應該知道用jquery的width 方法獲取元素的寬高及樣式屬性數值時，如果元素的屬性是浮點數，會自動四捨五入成整數。而如果我們就是想獲取實際的帶小數的屬性數值時該用什麼方法。在使用獲取到的寬度時，為了保證與原來元素的寬度一致，我在工作中處理時有兩種解決方案 第一種js原生方法getboun...
css 元素實際寬高
的實際寬度 clientwidth width 左右 padding 2，clientheigh 的實際高度 clientheigh height 上下 padding 3，clienttop 的實際寬度 clienttop boder.top 上邊框的寬度 4，clientleft 的實際寬度 c...
獲取元素寬高
獲取元素寬高值 1.內聯樣式.element.style讀取的只是元素內聯樣式,即寫在元素的 style 屬性上的樣式,支援讀寫.var elebox document.getelementbyid eleid var h elebox.style.height 外聯樣式 巢狀樣式無法通過上述方法直...