ออบเจ็กต์ Bold ใน HTML DOM

ออบเจ็กต์ Bold (Bold Object)

ออบเจ็กต์ Bold ใน HTML DOM เกี่ยวข้องกับแท็ก HTML <b> (bold) ใช้ทำให้ข้อความภายในแท็ก <b> เป็นตัวหนา (bold) ผ่าน bold object เราสามารถเข้าถึงแท็ก HTML <b> ได้

ไวยากรณ์ (Syntax)

การสร้าง bold object

var x = document.createElement("B");

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

ตัวอย่างด้านล่างแสดงการสร้างอิลิเมนต์ <b> แบบไดนามิกพร้อมข้อความ

<!DOCTYPE html>
<html>
<body>
    <p>Click the below button to create a <b> element with some text</p>
    <button onclick="createBold()">CREATE</button>
    <br><br>
    <script>
        function createBold() {
            var x = document.createElement("B");
            var t = document.createTextNode("SAMPLE BOLD TEXT");
            x.appendChild(t);
            document.body.appendChild(x);
        }
    </script>
</body>
</html>

ผลลัพธ์

เริ่มต้น: แสดงปุ่ม CREATE

คลิก CREATE: สร้างข้อความ SAMPLE BOLD TEXT แบบตัวหนา เพิ่มท้าย body

คำอธิบายเพิ่มเติม

• <b> ใช้สำหรับความสนใจทางสายตา (stylistic) ไม่มีความหมายทาง semantic
• ต่างจาก <strong> ที่แสดงความสำคัย/ความเร่งด่วน (semantic importance)
• ต่างจาก <em> ที่แสดงความเน้น (emphasis)
• ใน HTML5 <b> ใช้สำหรับ: keywords, product names, lead sentences - สิ่งที่ต้องดูดสายตาแต่ไม่ใช่สำคัญกว่าเนื้อหาอื่น
• CSS alternative: font-weight: bold; หรือ <span style="font-weight:bold">
• เข้าถึง bold elements ทั้งหมด: document.getElementsByTagName('b')