HTML DOM Element parentNode ιδιότητα

Ορισμός και χρήση

parentNode Η ιδιότητα επιστρέφει το γονικό κόμβο του στοιχείου ή του κόμβου ως αντικείμενο Node.

Εάν ο καθορισμένος κόμβος δεν έχει γονικό κόμβο, επιστρέφεται null.

Η ιδιότητα parentNode είναι只读.

Δείτε επίσης:

η ιδιότητα childNodes

η ιδιότητα firstChild

η ιδιότητα lastChild

η ιδιότητα nextSibling

η ιδιότητα previousSibling

η ιδιότητα nodeName

η ιδιότητα parentElement

HTML κόμβοι και στοιχεία

Στο HTML DOM(XML Document Object Model), το HTML έγγραφο είναι μια συλλογή κόμβων που έχουν (ή δεν έχουν) υποκόμβους.

ΚόμβοςΕίναι εлементικοί κόμβοι, κόμβοι κειμένου και σχολίων.

ΕлементΤα κενά μεταξύ των στοιχείων είναι κόμβοι κειμένου.

αλλά τα στοιχεία είναι μόνο εлементικοί κόμβοι.

Υποκόμβοι και υποστοιχεία

childNodes ΕπιστροφήΥποκόμβοι(εлементικοί κόμβοι, κόμβοι κειμένου και σχολίων).

children ΕπιστροφήΥποστοιχείαχωρίς κόμβους κειμένου και σχολίων).

Αδελφοί και αδελφοί στοιχείων

ΑδελφοίΕίναι "αδέλφια" και "αδελφές".

ΑδελφοίΕίναι κόμβοι που έχουν τον ίδιο γονικό κόμβο (στο ίδιο childNodes στη λίστα).

Αδελφοί στοιχείαΕίναι στοιχεία που έχουν τον ίδιο γονικό κόμβο (στο ίδιο children στη λίστα).

Παράδειγμα

Παράδειγμα 1

Αποκτήστε το όνομα του κόμβου του γονικού κόμβου του "myLI":

let name = document.getElementById("myLI").parentNode.nodeName;

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Κάντε κλικ στο στοιχείο (<span>) για να κρύψετε το γονικό στοιχείο του:

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>

Δοκιμάστε το προσωπικά

Γλώσσα

element.parentNode

ή

node.parentNode

Επιστροφή τιμής

Τύπος Περιγραφή
Κόμβος Γονικός κόμβος.
null Αν το κόμβος δεν έχει γονικό κόμβο.

Υποστήριξη περιηγητών

Το element.parentnode είναι χαρακτηριστικό DOM Level 1 (1998).

Όλοι οι περιηγητές υποστηρίζουν το εν λόγω χαρακτηριστικό πλήρως:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 9-11 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη