HTML DOM removeChild() Metode
Contoh
Hapus elemen <li> pertama dari daftar:
var list = document.getElementById("myList"); // Get the <ul> element with id="myList"
list.removeChild(list.childNodes[0]); // Remove <ul>'s first child node (index 0)
Sebelum menghapus:
- Kopi
- teh
- susu
Setelah menghapus:
- teh
- susu
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Metode removeChild() menghapus simpul anak tertentu dari elemen yang ditentukan.
Mengembalikan node yang dihapus sebagai objek Node, atau null jika node tidak ada.
Catatan: Node anak yang dihapus tidak lagi menjadi bagian dari DOM. Namun, dengan referensi yang dikembalikan oleh metode ini, adalah mungkin untuk menyisipkan turunan yang dihapus ke elemen di lain waktu (Lihat "Contoh Lainnya").
Tip: Gunakan metode appendChild() atau insertBefore() untuk menyisipkan node yang dihapus ke dalam dokumen yang sama. Untuk menyisipkannya ke dokumen lain, gunakan metode document.adoptNode() atau document.importNode() .
Dukungan Peramban
| Method | |||||
|---|---|---|---|---|---|
| removeChild() | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.removeChild(node)
Nilai Parameter
| Parameter | Type | Description |
|---|---|---|
| node | Node object | Required. The node object you want to remove |
Detail Teknis
| Nilai Kembali: | Objek Node, mewakili node yang dihapus, atau null jika node tidak ada |
|---|---|
| Versi DOM | Objek Node Tingkat 1 Inti |
Lebih Banyak Contoh
Contoh
Cari tahu apakah daftar memiliki node anak. Jika demikian, hapus simpul anak pertamanya (indeks 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
Setelah menghapus:
- Tea
- Milk
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:
Contoh
Hapus elemen <li> 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
Contoh
Hapus elemen <li> 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);
}
Contoh
Hapus elemen <span> dari induknya dan masukkan ke elemen <h1> di 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);
}