HTML DOM removeChild() Method

<Elemen Object

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

The removeChild() metode menghapus node anak tertentu dari elemen tertentu.

Mengembalikan simpul yang dihapus sebagai objek Node, atau null jika node tidak ada.

Catatan: node anak yang dihapus tidak lagi bagian dari DOM. Namun, dengan referensi dikembalikan oleh metode ini, adalah mungkin untuk memasukkan anak dipindahkan ke elemen di lain waktu (See "More Examples") .

Tip: Gunakan appendChild() atau insertBefore() metode untuk memasukkan node yang dihapus ke dalam dokumen yang sama. Untuk masukkan ke dokumen lain, menggunakan dokumen. adoptNode() atau dokumen. importNode() metode.

Dukungan Browser

Sintaksis

Nilai parameter

Parameter	Mengetik	Deskripsi
node	Node object	Wajib. Node objek yang ingin Anda hapus

Rincian teknis

Kembali Nilai:	Sebuah objek Node, mewakili node dihapus, atau null jika node tidak ada
DOM Versi	Inti Level 1 Node Obyek

---

Contoh lebih

Contoh

Cari tahu apakah daftar memiliki setiap node anak. Jika demikian, menghapus node anak pertama (index 0) :

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");

// If the <ul> element has any child nodes, remove its first child node
if (list.hasChildNodes()) {
    list.removeChild(list.childNodes[0]);
}

Sebelum menghapus:

• Coffee
• Tea
• Milk

Sebelum menghapus:

• Tea
• Milk

Cobalah sendiri "

Contoh

Hapus semua node anak dari daftar:

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");

// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {  
    list.removeChild(list.firstChild);
}

Sebelum menghapus:

• Coffee
• Tea
• Milk

Setelah menghapus:

Cobalah sendiri "

Contoh

Menghapus <li> elemen dengan id = "myLI" dari elemen induknya (tanpa menentukan simpul induknya):

var item = document.getElementById("myLI");
item.parentNode.removeChild(item);

Sebelum menghapus:

• Coffee
• Tea
• Milk

Setelah menghapus:

• Coffee
• Milk

Cobalah sendiri "

Contoh

Menghapus <li> elemen dari induknya, dan masukkan lagi:

var item = document.getElementById("myLI");

function removeLi() {
    item.parentNode.removeChild(item);
}

function appendLi() {
    var list = document.getElementById("myList");
    list.appendChild(item);
}

Cobalah sendiri "

Contoh

Menghapus <span> elemen dari induknya dan masukkan ke <h1> elemen dalam dokumen lain:

var child = document.getElementById("mySpan");

function removeLi() {
    child.parentNode.removeChild(child);
}

function myFunction() {
    var frame = document.getElementsByTagName("IFRAME")[0]
    var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
    var x = document.adoptNode(child);
    h.appendChild(x);
}

Cobalah sendiri "

---

<Elemen Object