DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Mengembalikan Node Sebelumnya HTML Menggunakan previousSibling DOM

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.

Cara Penggunaan Properti previousSibling DOM pada HTML
Properti previousSibling DOM

Sintak:
node.previousSibling

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

Baca Juga:

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

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)

Specifier %d dan %i Bahasa C dan Fungsinya

Enkapsulasi Java dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas