HTML DOM appendChild() Method

Contoh

Tambahkan item dalam daftar:

var node = document.createElement("LI");                 // Create a <li> node
var textnode = document.createTextNode("Water");         // Create a text node
node.appendChild(textnode);                              // Append the text to <li>
document.getElementById("myList").appendChild(node);     // Append <li> to <ul> with id="myList"

Sebelum menambahkan:

Coffee
Tea

Setelah menambahkan:

Coffee
Tea
Water

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

The appendChild() metode menambahkan node sebagai anak terakhir dari sebuah node.

Tip: Jika Anda ingin membuat paragraf baru, dengan teks, ingatlah untuk membuat teks sebagai simpul Teks yang Anda tambahkan ke paragraf, kemudian tambahkan paragraf ke dokumen.

Anda juga dapat menggunakan metode ini untuk memindahkan sebuah elemen dari satu elemen yang lain (See "More Examples") .

Tip: Gunakan insertBefore() metode untuk menyisipkan node anak baru sebelum ditentukan, yang ada, node anak.

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
appendChild()	iya nih	iya nih	iya nih	iya nih	iya nih

Sintaksis

node .appendChild( node )

Nilai parameter

Parameter	Mengetik	Deskripsi
node	Node object	Wajib. Node objek yang ingin menambahkan

Rincian teknis

Kembali Nilai:	Sebuah Node Obyek, mewakili node ditambahkan
DOM Versi	Inti Level 1 Node Obyek

Contoh lebih

Contoh

Pindahkan item daftar dari satu daftar ke yang lain:

var node = document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);

Sebelum menambahkan:

Coffee
Tea

Water
Milk

Setelah menambahkan:

Coffee
Tea
Milk

Water

Cobalah sendiri "

Contoh

Buat <p> elemen dan menambahkan itu ke <div> elemen:

var para = document.createElement("P");                       // Create a <p> node
var t = document.createTextNode("This is a paragraph.");      // Create a text node
para.appendChild(t);                                          // Append the text to <p>
document.getElementById("myDIV").appendChild(para);           // Append <p> to <div> with id="myDIV"

Cobalah sendiri "

Contoh

Buat <p> elemen dengan beberapa teks dan menambahkan ke akhir tubuh dokumen:

var x = document.createElement("P");                        // Create a <p> node
var t = document.createTextNode("This is a paragraph.");    // Create a text node
x.appendChild(t);                                           // Append the text to <p>
document.body.appendChild(x);                               // Append <p> to <body>

Cobalah sendiri "