如何在 JavaScript 中取得 DOM 元素的計算字體大小？

如何在JavaScript 中檢索計算的字體大小

確定DOM 元素的實際字體大小在各種場景中至關重要，例如自訂文字編輯器或設計響應式網頁佈局。這不僅需要考慮元素的明確樣式，還要考慮繼承的值和瀏覽器級設定。

解

要取得計算的字體大小，您可以利用兩種方法：

1。瀏覽器特定方法： currentStyle

對於Internet Explorer，您可以使用非標準currentStyle 屬性：

請注意，屬性名稱包含連字符，例如font-size、必須以駝峰式命名法（例如，fontSize）存取currentStyle。

2.標準方法：getCompulatedStyle

對於所有其他瀏覽器和跨瀏覽器相容性，您可以使用DOM Level 2 標準getCompulatedStyle 方法：

實作範例

定義一個實用函數來取得style:

用法:

其他提示

• 其他提示

其他提示其他提示在存取getCompulatedStyle 之前檢查document.defaultView 是否存在。 如果 currentStyle 和 getCompulatedStyle 都不可用，請使用element.style 來擷取內嵌 CSS 屬性。

以上是如何在 JavaScript 中取得 DOM 元素的計算字體大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！