在網頁制作中,我們通常需要設置字體的大小和樣式。在JavaScript中,可以通過CSS來設置字體大小。下面介紹一下設置字體大小的方法。
/* 語法: ele.style.fontSize = "size"; */
示例:
<html> <head> <title>JavaScript 設置字體大小</title> </head> <body> <p id="demo">設置字體大小</p> <button onclick="myFunction()">點擊這里</button> <script> function myFunction() { document.getElementById("demo").style.fontSize = "50px"; } </script> </body> </html>
在上面的示例中,我們使用了一個button按鈕,并添加了onclick事件。當點擊按鈕時,會觸發(fā)myFunction()函數,并將id為“demo”的段落的字體大小設置為50px。
除了直接設置像素大小,我們還可以使用相對大小,例如:
/* 使用相對大小 */ document.getElementById("demo").style.fontSize = "larger";
在上面的示例中,我們使用了“l(fā)arger”相對大小。這意味著字體大小將比原來的字體更大。
無論使用什么樣的大小設定,都可以輕松地在JavaScript中設置字體大小,使您的網站看起來更加專業(yè)和美觀。