如何在 JavaScript 中取得元素的準確 CSS 屬性值（包括單位）？

取得元素CSS 屬性值作為集合（百分比/Em/Px）

取得元素中指定的CSS 屬性值樣式規則可能具有挑戰性，特別是當屬性已設定為不同的單位時。在 Google Chrome 中， getCompulatedStyle() 方法和 jQuery 的 css() 方法都會傳回以像素為單位的目前值。

解決方案： getMatchedStyle 函數

要解決此問題，開發了一個名為 getMatchedStyle() 的 JavaScript 函數。它接受一個元素和一個屬性作為參數，並傳回在 CSS 規則中設定的值。

範例

考慮以下 HTML 程式碼： CSS 規則：

以下 JavaScript 程式碼使用 getMatchedStyle()取得寬度值div:

結果:

以上是如何在 JavaScript 中取得元素的準確 CSS 屬性值（包括單位）？的詳細內容。更多資訊請關注PHP中文網其他相關文章！