Latest web development tutorials

HTML DOM appendChild () metode

Elemen Object Reference objek elemen

contoh

Tambahkan item daftar:

document.getElementById("myList").appendChild( newListItem );

Sebelum menambahkan:

  • Coffee
  • Tea

Setelah Anda menambahkan:

  • Coffee
  • Tea
  • Water

Coba »

Definisi dan Penggunaan

Metode appendChild () untuk menambahkan node anak baru ke node akhir daftar node anak.

Tip: Jika pohon dokumen telah ada newchild, tersebut akan dihapus dari pohon dokumen, kemudian masukkan kembali ke dalam lokasi baru. Jika newchild adalah simpul DocumentFragment, maka tidak akan dimasukkan secara langsung, tetapi untuk anak yang bening berurutan dimasukkan ke akhir node saat ini berbagai childNodes [].

Anda dapat menggunakan metode appendChild () untuk menghapus elemen ke elemen yang lain.

contoh

Transfer ke daftar item ke daftar item lain:

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

Sebelum menambahkan:

  • Coffee
  • Tea
  • Water
  • Milk

Setelah Anda menambahkan:

  • Coffee
  • Tea
  • Milk
  • Water

Coba »

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Semua browser utama mendukung appendChild () metode


tatabahasa

node .appendChild( node )

parameter

参数 类型 描述
node 节点对象 必须。你要添加的节点对象。

Kembali Nilai

类型 描述
节点对象 添加的节点

rincian teknis

versi DOM Inti Level 1 Node Object


Elemen Object Reference objek elemen