Appendchild()
Metode Node.appendChild() (Core Level 1) menambahkan newChild ke urutan terakhir di dalam daftar children Node ini.
Sintaks:
Node.appendChild(newChild)
Parameter newChild berisi Node yang ingin ditambahkan.
Metode Node.appendChild() di dukung oleh lebih banyak didominasi browser: IE, Firefox, Opera, Google Chrome, dan Safari.
Contoh di bawah ini menambahkan Text node kepada elemen P:
<P ID="myp"></P> <SCRIPT TYPE="text/javascript"> var newChildNode = document.createTextNode("Lorem imsum…"); document.getElementById("myp").appendChild(newChildNode); </SCRIPT>
Contoh lagi:
<UL ID="myul1"><LI>Coffee</LI><LI>Tea</LI></UL> <UL ID="myul2"><LI>Water</LI><LI>Milk</LI></UL> <SCRIPT TYPE="text/javascript"> function foo() { var node = document.getElementById("myul2").lastChild; document.getElementById("myul1").appendChild(node); } </SCRIPT> <BUTTON ONCLICK="foo()">Klik</BUTTON>
Coba jalankan demo di bawah ini:
- Coffee
- Tea
- Water
- Milk
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.
