HTML DOM Element parentElement χαρακτηριστικό

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

parentElement πρότυπο επιστρέφει το γονικό στοιχείο του καθορισμένου στοιχείου.

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

document.body.parentNode; // Επιστρέφει το στοιχείο <html>
document.body.parentElement; // Επιστρέφει το στοιχείο <html>
document.documentElement.parentNode; // Επιστρέφει το κόμβο έγγραφου
document.documentElement.parentElement; // Επιστρέφει null (<html> δεν έχει γονικό στοιχείο ELEMENT)

Στην vět majority των περιπτώσεων, δεν έχει σημασία ποιο χαρακτηριστικό χρησιμοποιείτε, αλλά parentNode Μπορεί να είναι το πιο δημοφιλές.

Αυτό το χαρακτηριστικό είναι μονόδρομο.

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

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

ΚόμβοςΔείχνει στοιχεία στοιχείου, κόμβους κειμένου και σχολίων.

ΣτοιχείοΚενά μεταξύ τους είναι κόμβοι κειμένου.

όπου το στοιχείο είναι μόνο στοιχείο στοιχείου.

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

childNodes ΕπιστρέφειΥποκόμβοι(εレμνά στοιχεία, κόμβοι κειμένου και σχολίων).

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

Συμμαχικά και συμμαχικά στοιχεία

ΣυμμαχικάΕίναι "αδελφοί" και "συμμάχοι".

ΣυμμαχικάΕίναι κόμβοι που έχουν τον ίδιο γονικό κόμβο (στο ίδιο childNodes στις λίστας).

Συμμαχικά στοιχείαΕίναι στοιχεία που έχουν τον ίδιο γονικό στοιχείο (στο ίδιο children στις λίστας).

Παράδειγμα

Παράδειγμα 1

Αποκτήστε το όνομα του κόμβου του γονικού στοιχείου του στοιχείου <li>:

var x = document.getElementById("myLI").parentElement.nodeName;

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

Παράδειγμα 2

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

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

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

Γλώσσα γραμμάτων

node.parentElement

Αποτελεσματική τιμή

Τύπος Περιγραφή
Αντικείμενο Element Δείχνει το γονικό στοιχείο του κόμβου.
null Αν το κόμβος δεν έχει γονικό κόμβο.

Υποστήριξη του προγράμματος περιήγησης

element.parentElement Είναι χαρακτηριστικά DOM Level 3 (2004).

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

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