Προτεινόμενη εκμάθηση:

Αιτιολογία firstChild στοιχείου HTML DOM

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

firstChild Η property επιστρέφει το πρώτο υπονοήμα του καθορισμένου κόμβου, ως αντικείμενο Node.

firstChild Η property είναι只读的. childNodes[0] Αυτό.

Σημείωση

firstChild Επιστρέψτε το πρώτο υπονοήμα: κόμβος στοιχείου, κόμβος κειμένου ή κόμβος σχολίου.

Το κενό μεταξύ των στοιχείων είναι επίσης κόμβος κειμένου.

Εναλλακτική λύση:

property firstElementChild - firstElementChild Η property επιστρέφει το πρώτο υπονοήμα του στοιχείου (απέχοντας από τα κείμενα και τα κόμβους σχολίων).

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

property childNodes

property lastChild

property nextSibling

property previousSibling

Στοιχεία κόμβων

property parentNode

property nodeName

property nodeType

Αιτιολογία property

Παράδειγμα

Παράδειγμα 1

Επιστρέψτε το HTML περιεχόμενο του πρώτου υπονοήματος του στοιχείου <ul>:

document.getElementById("myList").firstChild.innerHTML;

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

Παράδειγμα 2

Αποκτήστε το κείμενο του πρώτου υπονοήματος του στοιχείου <select>:

let text = document.getElementById("mySelect").firstChild.text;

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

Παράδειγμα 3

Αυτό το παράδειγμα δείχνει την παρέμβαση του κενά.

προσπαθώ να αποκτήσω το όνομα του πρώτου υπονοήματος του στοιχείου "myDIV":

<div id="myDIV">
  <p>Όμοια με τον πρώτο κόμβο</p>
  <p>Όμοια με τον τελευταίο κόμβο</p>
</div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>

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

Παράδειγμα 4

Αλλά αν αφαιρέσετε τα κενά από τον κώδικα πηγής, δεν υπάρχει κόμβος #text στο "myDIV":

<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>

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

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

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

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

Το στοιχείοΟι λευκές χώρες μεταξύ των στοιχείων είναι κόμβοι κειμένου.

Το στοιχείο είναι κόμβος στοιχείου.

Υποσυνέχειες και υποστοιχεία

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

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

firstChild και firstElementChild

firstChild Επιστρέφει τον πρώτοΥποσυνέχειεςΕίναι κόμβοι στοιχείων, κόμβους κειμένου ή σχολίων. Οι λευκές χώρες μεταξύ των στοιχείων είναι κόμβοι κειμένου.

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

lastChild και lastElementChild

lastChild Επιστρέφει τον τελευταίοΥποσυνέχειεςΕίναι κόμβοι στοιχείων, κόμβους κειμένου ή σχολίων. Οι λευκές χώρες μεταξύ των στοιχείων είναι κόμβοι κειμένου.

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

Γλώσσα

element.firstChild

ή

node.firstChild

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

Τύπος Περιγραφή
Κόμβος

Ο πρώτος υποσυνέχεια του κόμβου.

Αν δεν υπάρχει υποσυνέχεια, επιστρέφει null.

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

element.firstChild Είναι χαρακτηριστικό DOM Level 1 (1998).

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

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