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

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

理解DOM 元素的計算字體大小至關重要，尤其是在操作具有複雜樣式繼承的元素時。以下是檢索此資訊的方法：

如果您有權存取Internet Explorer 的非標準element.currentStyle 屬性，則可以使用以下簡單程式碼：

if (el.currentStyle) {
  return el.currentStyle['fontSize'];
}

對於支援的其他瀏覽器根據DOM Level 2 標準，您可以使用getCompulatedStyle方法：

if (document.defaultView && document.defaultView.getComputedStyle) {
  return document.defaultView.getComputedStyle(el, null).getPropertyValue('font-size');
}

作為後備，如果currentStyle 和getCompatedStyle 可用，您仍然可以使用element.style 存取內聯CSS 屬性：

else {
  return el.style['fontSize'];
}

此函數可以如下使用：

var element = document.getElementById('elementId');
var fontSize = getStyle(element, 'font-size');

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