Ιδιότητα parentNode

Η ιδιότητα parentNode περιέχει το γονεϊκό στοιχείο. Υπάρχει επίσης μια σχεδόν πανομοιότυπη ιδιότητα parentElement. Οι διαφορές: για την ετικέτα html η ιδιότητα parentNode επιστρέφει document, ενώ η parentElement επιστρέφει null.

Σύνταξη

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

Παράδειγμα

Ας πάρουμε τον γονέα του στοιχείου #elem και ας εμφανίσουμε στην οθόνη το id του:

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

javascriptlet elem = document.querySelector('#elem');
let id = elem.parentNode.id;

console.log(id);

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

javascript'parent'

Δείτε επίσης