Metode Node.replaceChild() (Core Level 1) mengganti oldChild di dalam daftar children dengan newChild, dan mengembalikan oldChild.
Sintaks:
Node.replaceChild(newChild, oldChild)
- Parameter newChild berisi Node baru sebagai pengganti Node lama.
- Parameter oldChild berisi referensi ke Node lama di dalam daftar children yang ingin diganti.
Metode Node.replaceChild() di dukung oleh mayoritas browser: IE, Opera, Firefox, Google Chrome, dan Safari.
Contoh:
<UL ID="myul"><LI>Mango</LI><LI>Orange</LI></UL>
<SCRIPT TYPE="text/javascript">
function foo() {
var newElem = document.createElement("li");
var newText = document.createTextNode("Banana");
newElem.appendChild(newText);
var ulElem = document.getElementById("myul");
ulElem.replaceChild(newElem, ulElem.firstChild);
}
</SCRIPT>
<BUTTON ONCLICK="foo()">Ganti 'Mango' dengan 'Banana'</BUTTON>
Coba jalankan demo di bawah ini:
- Mango
- Orange
