หากต้องการ แทนที่ โหนดย่อย ด้วย โหนดใหม่ javascript ได้จัดเตรียมวิธีการที่เรียกว่า "replaceChild() " เพื่อให้งานนี้สำเร็จในตอนแรก เราต้องสร้าง โหนดใหม่ แล้วใช้แทนที่Child() เราควรแทนที่โหนดเก่า ด้วย โหนดใหม่
ไวยากรณ์
node.replaceChild(newnode, oldnode);
ใช้พารามิเตอร์สองตัวคือโหนดเก่าและโหนดใหม่ และแทนที่โหนดเก่าด้วยโหนดใหม่
ตัวอย่าง
ในตัวอย่างต่อไปนี้ ในขั้นต้น รายการที่ไม่เรียงลำดับประกอบด้วยองค์ประกอบ Boost, Horlicks และ Maltova หลังจากแทนที่องค์ประกอบแรกด้วย Bournavita โดยใช้ replaceChild() ผลลัพธ์ที่เราได้รับคือ Bournavita, Horlicks และ Maltova ตามที่แสดงในผลลัพธ์
<html>
<body>
<ul id="List"><li>Boost</li><li>Horlicks</li><li>Maltova</li></ul>
<script>
var newnode = document.createTextNode("Bournavita");
var item = document.getElementById("List").childNodes[0];
item.replaceChild(newnode, item.childNodes[0]);
</script>
</body>
</html> ผลลัพธ์
Bournavita Horlicks Maltova
