Η Ιδιότητα previousElementSibling

Η ιδιότητα previousElementSibling περιέχει το προηγούμενο στοιχείο, που βρίσκεται στον ίδιο γονέα. Εάν δεν υπάρχει τέτοιο στοιχείο - επιστρέφεται null.

Σύνταξη

στοιχείο.previousElementSibling;

Παράδειγμα

Δίνεται το στοιχείο #elem. Ας τυπώσουμε το κείμενο του αμέσως προηγούμενου γειτονικού του στοιχείου:

<p>αδέλφιο</p>
<p id="elem">στοιχείο</p>

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

console.log(text);

Αποτέλεσμα εκτέλεσης κώδικα:

'αδέλφιο'

Παράδειγμα

Εάν δεν υπάρχει αμέσως προηγούμενο γειτονικό στοιχείο ή αυτό βρίσκεται σε διαφορετικό γονέα από το στοιχείο μας, επίσης επιστρέφεται null:

<p>αδέλφιο</p>
<div>
	<p id="elem">στοιχείο</p>
</div>

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

Αποτέλεσμα εκτέλεσης κώδικα:

null

Δείτε επίσης

η ιδιότητα nextElementSibling,
που περιέχει το αμέσως επόμενο γειτονικό στοιχείο (επόμενο στοιχείο)