HTML DOM Element childNodes attribute

  • Προηγούμενη σελίδα
  • Επόμενη σελίδα
  • Επιστροφή στο προηγούμενο επίπεδο HTML DOM Elements Οντόν

Definition and Usage

childNodes The attribute returns a collection (list) of element child nodes.

childNodes The attribute returns a NodeList object.

childNodes The attribute is read-only.

childNodes[0] Same as firstChild.

Hint

childNodes Returns node: element node, text node, and comment node.

Whitespace between elements is also a text node.

Alternative:

children attribute - children Property returns child elements (ignores text and comments).

See also:

firstChild attribute

lastChild attribute

nextSibling attribute

previousSibling attribute

hasChildNodes() method

Node attribute

parentNode attribute

nodeName attribute

Ατрибούτο nodeType

Ατрибούτο nodeValue

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

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

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

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

αλλά τα στοιχεία είναι μόνο κόμβοι στοιχείων.

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

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

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

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

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

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

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

Παράδειγμα

Παράδειγμα 1

Αποκτήστε τους υποεπιλεγμένους του στοιχείου <body>:

const nodeList = document.body.childNodes;

Δοκιμάστε το شخصικά

Παράδειγμα 2

Αποκτήστε τον αριθμό των υποεπιλεγμένων στο "myDIV":

let numb = document.getElementById("myDIV").childNodes.length;

Δοκιμάστε το شخصικά

Παράδειγμα 3

Αλλάξτε τον χρώμα του παρασκηνίου της δεύτερης υποεπιλέξεως:

element.childNodes[1].style.backgroundColor = "yellow";

Δοκιμάστε το شخصικά

Παράδειγμα 4

Αποκτήστε τον κείμενο της τρίτης υποεπιλέξεως του στοιχείου <select>:

let text = document.getElementById("mySelect").childNodes[2].text;

Δοκιμάστε το شخصικά

Γλώσσα

element.childNodes

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

Τύπος Περιγραφή
Οντότητα

Η συλλογή αντικειμένων NodeList του κόμβου.

Οι κόμβοι τάξηςποιούνται ανάλογα με τη σειρά που εμφανίζονται στο έγγραφο.

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

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

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 9-11 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
  • Προηγούμενη σελίδα
  • Επόμενη σελίδα
  • Επιστροφή στο προηγούμενο επίπεδο HTML DOM Elements Οντόν