如何準確檢索調整HTML中的字體大小？

檢索 HTML 中的字體大小

取得 HTML 元素的字體大小似乎是一項簡單的任務。然而，簡單地存取 style.fontSize 屬性可能並不總是產生所需的結果，特別是如果字體大小是在外部樣式表中定義的。

要取得精確的字體大小值，請使用 window.getCompulatedStyle()方法。此函數計算元素的有效樣式，包括從其祖先繼承的任何樣式。以下是範例：

var el = document.getElementById('foo');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style);

此程式碼取得 ID 為「foo」的元素的計算字體大小，並將其儲存在 fontSize 變數中。現在您可以存取實際的字體大小值。

使用此方法，您可以實現動態字體大小調整。例如：

el.style.fontSize = (fontSize + 1) + 'px';

這行程式碼將「foo」元素的字體大小增加一級。您可以將“1”替換為任何所需的值，以根據需要更改字體大小。

以上是如何準確檢索調整HTML中的字體大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！