Properti previousElementSibling
Properti previousElementSibling berisi
elemen sebelumnya, yang berada dalam induk yang sama.
Jika tidak ada elemen seperti itu - akan dikembalikan
null.
Sintaks
elemen.previousElementSibling;
Contoh
Diberikan elemen #elem. Mari kita tampilkan
teks dari elemen sebelumnya:
<p>sibling</p>
<p id="elem">elem</p>
let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;
console.log(text);
Hasil eksekusi kode:
'sibling'
Contoh
Jika tidak ada elemen sebelumnya atau elemen tersebut berada
tidak dalam induk yang sama dengan elemen kita, juga akan dikembalikan
null:
<p>sibling</p>
<div>
<p id="elem">elem</p>
</div>
let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);
Hasil eksekusi kode:
null
Lihat juga
-
properti
nextElementSibling,
yang berisi elemen setelahnya (elemen saudara berikutnya)