tutorial pengembangan web terbaru
 

HTML DOM replaceChild() Method

<Elemen Object

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

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 "

<Elemen Object