JavaScript สร้าง div หรือ element ใน id

JavaScript สร้าง div หรือ element ใน id บทความนี้สอนใช้คำสั่ง createElement เพื่อสร้าง div และคำสั่ง appendChild เพื่อกำหนด div ที่สร้างให้อยู่ใน id ที่ต้องการ ด้วยภาษา JavaScript สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript สร้าง div หรือ element ใน id

<div id="test"></div>

<script>
    var myDiv = document.createElement("div");
    myDiv.id = "my_div";

    var container = document.getElementById("test");
    container.appendChild(myDiv);
</script>

ผลลัพธ์

<div id="test">
	<div id="my_div"></div>
</div>

JavaScript สร้าง div หรือ element ใน id จากตัวอย่างโค้ดใช้คำสั่ง createElement( "div" ) เป็นการสร้าง element แท็ก div พร้อมกำหนด attribute id เท่ากับ my_div เก็บไว้ที่ตัวแปร myDiv จากนั้นอ้างถึง id ที่ต้องการเพิ่ม div ลงไป คือ id เท่ากับ test ด้วย document.getElementById( "test" ) พร้อมกับใช้คำสั่ง appendChild เพื่อเพิ่ม div ลงใน id ดังกล่าว