เขียน HTML ใน JavaScript ด้วย innerHTML

สอนเขียนภาษา HTML ในภาษา JavaScript โดยตัวอย่างจะใช้คำสั่ง innerHTML ในการเขียนแท็ก HTML ตัวเอียง ตัวหนา และขีดเส้นใต้ ภายในแท็ก script ของ JavaScript สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง เขียน HTML ใน JavaScript ด้วย innerHTML

<div id="text"></div>
<script>        
    function helo() {
        document.getElementById("text").innerHTML = "<u>สวัสดี</u> <i>JavaScript</i> <b>ใน HTML</b>";
    }
    window.onload = (event) => {
        helo();
    };        
</script>

1. สร้าง div id = text สำหรับแสดงผลข้อมูลจาก JavaScript

2. อ้างถึง div id = text ด้วย document.getElementById

3. ใช้คำสั่ง innerHTML สำหรับเขียนแท็ก HTML ลงใน script ของ JavaScript