2 Parameter Method replaceChild() DOM pada HTML

Method replaceChild() DOM pada HTML digunakan untuk menghasilkan child node dengan node baru bersamaan dengan parent node yang diberikan sebelumnya.

Sintak:
parentNode.replaceChild( newChild, oldChild )

Parameter Value: method ini menerima dua parameter seperti diperlihatkan sebagai berikut.
  • newChild: Merupakan parameter yang diperlukan dan mewakili node yang perlu dimasukkan.
  • oldChild: Merupakan parameter yang diberlukan dan mewakili node yang perlu diganti.

Return Value: berfungsi untuk mengembalikan sebuah node object yang merepresentasikan node yang diganti.

Contoh: mengilustrasikan teks <li> pertama yang diganti dengan teks baru.

<!DOCTYPE html>

<html>

 

<head>

<title>

Method replaceChild() DOM

</title>

</head>

 

<body>

 

<h1 style="color: green;">

Blog Elfan

</h1>

 

<h2>

Method replaceChild() DOM

</h2>

 

<p>Sorting Algorithm</p>

 

<ul id = "listitem">

<li>Insertion sort</li>

<li>Merge sort</li>

<li>Bubble sort</li>

</ul>

 

<button onclick ="Bonsss()">

Klik Disini!

</button>

 

<script>

function Bonsss() 

{

var doc = document.createTextNode("Quick sort");

 

var list = document.getElementById("listitem").childNodes[0];

 

list.replaceChild(doc, list.childNodes[0]);

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Method replaceChild() DOM

Sorting Algorithm

  • Insertion sort
  • Merge sort
  • Bubble sort

Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method replaceChild() DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method replaceChild() DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi dari method replaceChild() dom pada html?

    BalasHapus
    Balasan
    1. Method replaceChild() berfungsi untuk menggantikan nilai node child dalam node induk yang telah diberikan sebelumnya.

      Hapus
    2. Method replaceChild dari suatu elemen Node berfungsi untuk menggantikan nilai node child dalam node induk yang telah diberikan sebelumnya.

      Catatan: Jika node baru sudah ada pada tempat atau lokasi lain di DOM, maka nilai tersebut akan dihapus terlebih dahulu dari posisi yang telah ditempati sebelumnya, dan digantikan ke posisi yang baru (replace).

      Hapus

Posting Komentar

*Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C