Cara Penggunaan Properti previousSibling DOM pada HTML

Properti previousSibling DOM pada HTML digunakan untuk mengembalikan node sebelumnya dari node spesifik sebagai node object atau nilai null, jika node spesifik merupakan node yang terdapat pada daftar pertama yang bersifat read-only.

Sintak:
node.previousSibling

Return Value: properti previousSibling berfungsi untuk mengembalikan previous sibling dari node spesifik atau null, jika node saat ini tidak memiliki previous sibling.

Contoh:

<html>

 

<head>

<title>

Properti previousSibling DOM

</title>

</head>

 

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

 

<h1 style = "color:green">

Blog Elfan

</h1>

 

<h2>

Properti previousSibling DOM

</h2>

 

<div>

<span id="p1">

Blog TIK! 

</span>

<span id="p2">

Merupakan portal ilmu 

komputer.

</span>

</div>

 

<br>

 

<button onclick="bonn()">

Klik Disini!

</button>

 

<br><br>

 

<

id="p" 

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

</p>

 

<!-- Fungsi untuk 

mengembalikan node 

sebelumnya -->

<script>

function bonn() 

{

var x =

document.getElementById("p2").previousSibling.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 previousSibling DOM

Blog TIK! Merupakan portal ilmu komputer.



Catatan: letakkan spasi kosong diantar dua elemen sibling, jika tidak maka hasilnya adalah "undefined" atau tidak terdefinisi.

Komentar

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

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

      Hapus
  2. Apa fungsi method previousSibling DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti previousSibling DOM pada HTML berfungsi untuk mengembalikan node sebelumnya pada tree level yang sama, dimana nilai yang dikembalikan adalah berupa object node.

      Hapus
    2. Properti previousSibling berfungsi untuk mengembalikan node sebelumnya yang berada dalam bentuk node elemen, node teks, atau node komentar. Properti previousSibling DOM pada HTML merujuk pada teks spasi pada elemen sebenarnya yang ingin didapatkan oleh user.

      Catatan: Spasi yang terdapat diantara elemen juga merupakan bentuk node teks.

      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