แทนที่ Child Node ด้วย Node ใหม่ใน JavaScript

เพื่อ แทนที่ (Replace) Child Node ด้วย Node ใหม่ JavaScript มีเมธอด "replaceChild()" ต้องสร้าง Node ใหม่ ก่อน แล้วใช้ replaceChild() แทนที่ Old Node ด้วย New Node

Syntax

node.replaceChild(newnode, oldnode);

รับ 2 พารามิเตอร์ คือ Old และ New Nodes และแทนที่ Old Node ด้วย New Node

ตัวอย่าง

ในตัวอย่างนี้ List เริ่มต้นมี Boost, Horlicks, Maltova หลังแทนที่ Element แรกด้วย Bournavita ด้วย replaceChild() ได้ Output คือ 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