Properti previousElementSibling

Properti previousElementSibling berisi elemen sebelumnya, yang berada dalam induk yang sama. Jika tidak ada elemen seperti itu - akan dikembalikan null.

Sintaks

javascriptelemen.previousElementSibling;

Contoh

Diberikan elemen #elem. Mari kita tampilkan teks dari elemen sebelumnya:

html<p>sibling</p>
<p id="elem">elem</p>

javascriptlet elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;

console.log(text);

Hasil eksekusi kode:

javascript'sibling'

Contoh

Jika tidak ada elemen sebelumnya atau elemen tersebut berada tidak dalam induk yang sama dengan elemen kita, juga akan dikembalikan null:

html<p>sibling</p>
<div>
  <p id="elem">elem</p>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);

Hasil eksekusi kode:

javascriptnull

Lihat juga