home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีตั้งค่าขนาดตัวอักษร (Font Size) ด้วย JavaScript

ใช้คุณสมบัติ fontSize เพื่อกำหนดขนาดตัวอักษร สามารถใช้หน่วยต่างๆ ได้ เช่น px, em, rem, %, หรือคีย์เวิร์ดเช่น smaller, larger

ตัวอย่าง

<!DOCTYPE html>
<html>
  <body>
    <h1>Heading 1</h1>
    <p id="myID">This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.</p>
    <button type="button" onclick="display()">Set Font Family and Size</button>
    <script>
      function display() {
        document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
        document.getElementById("myID").style.fontSize = "smaller";
      }
    </script>
  </body>
</html>