2 Parameter Method insertBefore() DOM pada HTML

Method insertBefore() DOM pada HTML digunakan untuk melakukan insert node baru sebelum node yang sudah ada sebelumnya sebagai nilai spesifik oleh pengguna.

Sintak:
node.insertBefore( newnode, existingnode )

Parameter: method insertBefore() menerima dua parameter dalam pengoperasiannya.
  • newnode: merupakan parameter wajib yang mengandung node object baru yang dibutuhkan untuk dilakukan insert.
  • existingnode: merupakan parameter wajib yang mendeskripsikan posisi, dimana node baru di insert sebelum node yang sudah ada. jika parameter ini di atur ke tipe null, maka method insertBefore akan memasukkan node baru pada bagian akhir.

Return Value: mengembalikan object node yang merepresentasikan node yang telah dimasukkan.

Contoh: ilustrasi proses insert sebuah elemen list sebelum node kedua dari list.

<!DOCTYPE html>

<html>

 

<head>

<title>

Method insertBefore() DOM HTML

</title>

 

<!-- Script untuk memasukkan 

node baru sebelum node yang 

sudah ada. -->

<script>

function myBons() 

{

var newItem = document.createElement("li");

var textnode = document.createTextNode("Java");

newItem.appendChild(textnode);

var list = document.getElementById("subjects");

list.insertBefore(newItem, list.childNodes[2]);

}

</script>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Method insertBefore() DOM 

HTML

</h2>

 

<ul id="subjects">

<li>C++</li>

<li>Python</li>

</ul>

 

<p>

Klik tombol untuk insert 

elemen sebelum Python.

</p>

 

<button onclick="myBons()">

Insert Node

</button>

 

</body>

 

</html>

Output:

Blog Elfan

Method insertBefore() DOM HTML

  • C++
  • Python

Klik tombol untuk insert elemen sebelum Python.

Komentar

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

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

      Hapus
  2. Apa fungsi method insertBefore() DOM pada HTML?

    BalasHapus
    Balasan
    1. Method insertBefore() DOM pada HTML digunakan untuk menyisipkan node child atau simpul anak sebelum child tersebut ada.

      Hapus
    2. Method insertBefore() DOM merupakan antarmuka Node yang digunakan untuk menyisipkan node sebelum node referensi sebagai child dari node parent yang telah ditentukan.

      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