DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Mengganti Node Child HTML Menggunakan replaceChild DOM

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

2 Parameter Method replaceChild() DOM pada HTML
Ilustrasi replaceChild DOM HTML

Sintak:
parentNode.replaceChild( newChild, oldChild )

Parameter Values: 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.

Baca Juga:

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

Hubungi admin melalui Wa : +62-896-2514-6106

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

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

~ Ikatlah Ilmu dengan Memostingkannya ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas