Cara Penggunaan Properti nextSibling DOM pada HTML

Properti nextSibling DOM pada HTML digunakan untuk mengembalikan node setelahnya dari node spesifik sebagai node object atau null, jika node spesifik adalah node terakhir dari daftar atau list node. Properti nextSibling merupakan properti yang bersifat read-only.

Sintak:
node.nextSibling

Return Value: properti nextSibling berfungsi untuk mengembalikan nilai 'next sibling' dari node spesifik atau nilai null jika node saat ini tidak memiliki 'next sibling' apapun.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti nextSibling DOM

</title>

</head>

 

<body style="text-align: center">

 

<h1 style="color:green">

Blog Elfan

</h1>

 

<h2>

Properti nextSibling DOM

</h2>

 

<div>

<span id="p1">

Blog TIK!

</span>

 

<span id="p2">

Merupakan Portal Ilmu 

Komputer.

</span>

</div>

 

<br>

 

<button 

onclick="bonss()">

Click me!

</button>

 

<br>

<br>

 

<

id="p" 

style="margin:auto; width: 40%">

</p>

 

<script>

function bonss() 

{

var x =

document.getElementById("p1").nextSibling.innerHTML;

 

document.getElementById("p").innerHTML = x;

 

document.getElementById("p").style.color = "white";

 

document.getElementById("p").style.background = "green";

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti nextSibling DOM

Blog TIK!Merupakan Portal Ilmu Komputer.



Catatan: jangan tambahkan spasi kosong diantara dua elemen sibling, atau hasilnya akan "undefined" atau tidak terdefinisi.

Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti nextSibling DOM pada HTML?

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

      Hapus
  2. Apa fungsi dari properti nextSibling DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti nextSibling berfungsi untuk mengembalikan node selanjutnya seperti node elemen, node teks, atau node komentar. Karakter spasi yang terletak diantara elemen juga merupakan node teks.

      Hapus
    2. Properti read-only nextSibling merupakan antarmuka node yang mengembalikan node segera setelah childNode induknya ditentukan, atau mengembalikan null jika node yang ditentukan adalah child terakhir pada elemen induk.

      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