如何可靠地获取 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中文网其他相关文章！