Contoh
Ganti node teks dalam <li> elemen dalam daftar dengan simpul teks baru:
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Get the first child node of an <ul> element
var item =
document.getElementById("myList").childNodes[0];
// Replace
the first child node of <ul> with the newly created text node
item.replaceChild(textnode, item.childNodes[0]);
// Note: This example replaces only the Text node
"Coffee" with a Text node "Water"
Sebelum menghapus:
- Coffee
- Tea
- Milk
Setelah menghapus:
- Water
- Tea
- Milk
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The replaceChild() metode menggantikan node anak dengan node baru.
Node baru bisa menjadi simpul yang ada dalam dokumen, atau Anda dapat membuat node baru.
Tip: Gunakan removeChild() metode untuk menghapus node anak dari elemen.
Dukungan Browser
metode | |||||
---|---|---|---|---|---|
replaceChild() | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
Nilai parameter Parameter Mengetik Deskripsi newnode Node object Wajib. Node objek yang ingin memasukkan oldnode Node object Wajib. Node objek yang ingin Anda hapus
Rincian teknis
Kembali Nilai: Sebuah objek Node, mewakili node diganti DOM Versi Inti Level 1 Node Obyek
Contoh lebih
Contoh
Ganti <li> elemen dalam daftar dengan yang baru <li> elemen:
// Create a new <li> element
var elmnt = document.createElement("li");
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Append the text
node to <li>
elmnt.appendChild(textnode);
// Get the <ul> element
with id="myList"
var item = document.getElementById("myList");
//
Replace the first child node (<li> with index 0) in <ul> with the newly
created <li> element
item.replaceChild(elmnt, item.childNodes[0]);
// Note: This example replaces the entire <li> element Sebelum menghapus:
- Coffee
- Tea
- Milk
Setelah menghapus:
- Water
- Tea
- Milk
Cobalah sendiri "