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 gres sebagai pengganti Node lama.
Parameter oldChild berisi rujukan ke Node usang di dalam daftar children yang ingin diganti.
Metode Node.replaceChild() di dukung oleh secara umum dikuasai 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
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Properti Node.attributes (Core Level 1) mengembalikan semua atribut dari Node ini sebagai objek NamedNodeMap. Sintaks: Node.attributes Properti Node.attributes di dukung...
Properti Node.baseURI (Core Level 3) mengembalikan DOMString yang mengatakan absolute base URI dari Node. Sintaks: Node.baseURI Properti Node.baseURI di dukung...
Properti Node.childNodes (Core Level 1) mengembalikan semua child node dari Node ini sebagai objek NodeList. Sintaks: Node.childNodes Properti Node.childNodes di...