DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Mengembalikan Node Spesifik HTML Menggunakan nextSibling DOM

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.

Cara Penggunaan Properti nextSibling DOM pada HTML
Ilustrasi nextSibling DOM HTML

Sintak:
node.nextSibling

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

Baca Juga:

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

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