คุณสมบัติ HTML DOM Style fontWeight

คุณสมบัติ HTML DOM fontWeight ใช้สำหรับตั้งค่าหรือส่งคืนความหนาของตัวอักษรขององค์ประกอบ

ไวยากรณ์ (Syntax)

การตั้งค่าคุณสมบัติ fontWeight:

object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

ค่าของคุณสมบัติ (Property Values)

ตัวอย่างการใช้งาน

<!DOCTYPE html> <html> <head> <style> 
    #demo2, #demo1 { 
        font-family: 'times new roman'; 
        font-size: 25px; 
    } 
</style> <script> 
    function changeFontWeight() { 
        document.getElementById("demo1").style.fontWeight = "bold"; 
        document.getElementById("demo2").style.fontWeight = "bold"; 
        document.getElementById("Sample").innerHTML = "น้ำหนักฟอนต์ของย่อหน้าด้านบนถูกเปลี่ยนแล้ว"; 
    } 
</script> </head> <body> 
    <div id="demo1">This is demo text</div> 
    <div id="demo2">This is demo text</div> 
    <p>คลิกปุ่มด้านล่างเพื่อเปลี่ยน font weight ของข้อความใน div ด้านบน</p> 
    <button onclick="changeFontWeight()">เปลี่ยน Font Weight</button> 
    <p id="Sample"></p> 
</body> </html>

ผลลัพธ์

เมื่อคลิกปุ่ม "เปลี่ยน Font Weight":