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 mayoritas 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
