如何可靠地取得 HTML 元素的字體大小？

確定 HTML 中的字體大小

當嘗試檢索元素的字體大小時，存取 style.fontSize 的最初想法可能被證明是不夠的。當字體大小在樣式表中外部定義時尤其如此，導致使用此方法檢索時出現空字串。

要解決此問題，您可以使用window.getCompulatedStyle，如下所示：

var el = document.getElementById('foo');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style); // Convert the style value to a numeric font size
el.style.fontSize = (fontSize + 1) + 'px'; // Increment the font size by 1

這種方法可以準確地檢索字體大小，即使它是在樣式表中定義的。然後可以使用產生的 fontSize 變數動態調整指定元素的字體大小。

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