首頁 >web前端 >js教程 >JavaScript fontsize方法入門實例(依照指定的尺寸來顯示字串)_基礎知識

JavaScript fontsize方法入門實例(依照指定的尺寸來顯示字串)_基礎知識

WBOY
WBOY原創
2016-05-16 16:33:341284瀏覽

JavaScript fontsize 方法

fontsize 方法傳回使用 HTML font 標籤中 size 屬性定義字體大小的字串。其文法如下:

複製程式碼 程式碼如下:

str_object.fontsize( size )

參數說明:

參數 說明
str_object 要操作的字串(物件)
size 必需。 1 到 7 的數字,數字越大字體越大,字體大小比較如下:
参数 说明
str_object 要操作的字符串(对象)
size 必需。1 到 7 的数字,数字越大字体越大,字体大小对比如下:
1:10px
2:14px
3:16px
4:18px
5:24px
6:32px
7:48px
1:10px 2:14px

3:16px

4:18px

5:24px 6:32px 7:48px

提示:此方法不符合 ECMA 標準,不建議使用。


fontsize 方法實例

運行該例子,輸出:

複製程式碼
程式碼如下:

www.jb51.net

提示:此方法傳回使用 HTML font size 標籤定義的字串,也就是使用此方法並不能動態的改變字體的大小。如果想要動態改變元素字體大小,可參考下面的實例:


複製程式碼

程式碼如下:



function changFont( x ){
    document.getElementById("article").style.fontSize = x;
}





正常 大號


我是一些文字 ...
Some Text ...

在這個範例中,透過 JavaScript 控製字體 CSS 樣式的方式,可動態改變字體(id="article")的大小。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn