JavaScript fontsize 方法详解与动态字体调整方案

JavaScript fontsize 方法详解与动态字体调整方案

JS fontsize 方法

fontsize 方法生成带有 HTML font 标签 size 属性指定字号的字符串。语法如下：

str_object.fontsize( size )

参数说明：

注意：此方法非 ECMA 标准，不推荐采用。

fontsize 方法演示

<script language="JavaScript">

var str = "www.jb51.net"; document.write( str.fontsize( 7 ) );

</script>

执行该示例，结果如下：

www.jb51.net

注意：该方法生成带有 HTML font size 标签的字符串，无法动态调整字体大小。若需动态修改元素字号，请参考以下示例：

延伸阅读：修改页面元素字体颜色

<html>
<script language="JavaScript">
function changFont( x ){
 document.getElementById("article").style.fontSize = x;
}
</script>
<body>
<p>
<a onClick="changFont(14);">正常</a> <a onClick="changFont(20);">大号</a>
</p>
<p id="article">
我是一些文字 ...<br />
Some Text ...
</p>
</body>
</html>

本示例通过 JS 控制 CSS 样式，实现动态调整 id="article" 元素的字体大小。