Để thay thế một nút con với nút mới javascript đã cung cấp một phương thức có tên " ReplaceChild () ". Để đạt được nhiệm vụ này, trước tiên, chúng tôi phải tạo một nút mới và sau đó bằng cách sử dụng ReplaceChild () , chúng tôi nên thay thế nút cũ với nút mới.
cú pháp
node.replaceChild(newnode, oldnode);
Nó có hai tham số, tức là các nút cũ và mới và thay thế nút cũ bằng một nút mới.
Ví dụ
Trong ví dụ sau, ban đầu, danh sách không có thứ tự bao gồm các phần tử Boost, Horlicks và Maltova. Sau khi thay thế phần tử đầu tiên bằng Bournavita bằng cách sử dụng ReplaceChild () , đầu ra chúng tôi nhận được là Bournavita, Horlicks và Maltova như được hiển thị trong đầu ra
<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> Đầu ra
Bournavita Horlicks Maltova