如何准确检索和调整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中文网其他相关文章！