JavaScript fontsize 方法
fontsize 方法返回使用HTML font 標籤中size 屬性定義字體大小的字符串。其語法如下:
複製代碼代碼如下:
str_object.fontsize( size )
參數說明:
| 參數 | 說明 |
|---|---|
| str_object | 要操作的字符串(對象) |
| size | 必需。 1 到7 的數字,數字越大字體越大,字體大小對比如下: 1:10px 2:14px 3:16px 4:18px 5:24px 6:32px 7:48px |
提示:該方法不符合ECMA 標準,不建議使用。
fontsize 方法實例
<script language="JavaScript">
var str = "www.VeVB.COm";
document.write( str.fontsize( 7 ) );
</script>
運行該例子,輸出:
複製代碼代碼如下:
www.VeVB.COm
提示:該方法返回使用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>
在該例子中,通過JavaScript 控製字體CSS 樣式的方式,可動態改變字體(id="article")的大小。