Η Ιδιότητα nextElementSibling

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

Σύνταξη

javascriptστοιχείο.nextElementSibling;

Παράδειγμα

Δίνεται το στοιχείο #elem. Ας εμφανίσουμε το κείμενο του κάτω γείτονά του:

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

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

console.log(text);

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

javascript'αδελφό στοιχείο'

Παράδειγμα

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

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

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

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

javascriptnull

Δείτε επίσης