Η ιδιότητα children του HTML DOM Element

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

children η ιδιότητα επιστρέφει τη συλλογή των υποστοιχείων του στοιχείου.

children η ιδιότητα επιστρέφει αντικείμενο HTMLCollection.

διαβάστε επίσης:

η ιδιότητα firstElementChild

η ιδιότητα lastElementChild

η ιδιότητα nextElementSibling

η ιδιότητα previousElementSibling

η ιδιότητα childElementCount

η ιδιότητα childNodes

HTML σημεία και στοιχεία

στο HTML DOMστο (DOM, Δομή Κειμένου HTML) είναι μια συλλογή σημείων που έχουν (ή δεν έχουν) υποσημεία.

σημείαορίζει τα σημεία στοιχείων, τα κείμενα σημεία και τα σημεία σχολίου.

στοιχείαοι κενές μεταξύ τους είναι και σημεία κειμένου.

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

υποσημεία και υποστοιχεία

childNodes επιστροφήυποσημεία(εлементικά σημεία, κείμενα σημεία και σημεία σχολίου).

children επιστροφήυποστοιχείααντί για κείμενο και σημεία σχολίου).

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

αδελφοίΕίναι τα 'αδελφοί' και οι 'αδελφές'.

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

στοιχεία αδελφοίείναι στοιχεία που έχουν τον ίδιο γονέα στο ίδιο πλαίσιο (στο ίδιο children λίστες).

Παράδειγμα

Παράδειγμα 1

Παραλάβετε τη συλλογή των υποστοιχείων του στοιχείου <body>:

const collection = document.body.children;

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

Παράδειγμα 2

Πόσα υποστοιχεία έχει το "myDIV":

let count = document.getElementById("myDIV").children.length;

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

Παράδειγμα 3

Αλλάξτε το παρασκήνιο του δεύτερου υποστοιχείου του "myDIV":

const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";

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

Παράδειγμα 4

Παραλάβετε το κείμενο του τρίτου υποστοιχείου του στοιχείου <select> (καθορισμός 2):

const collection = document.getElementById("mySelect").children[2].text;

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

Παράδειγμα 5

Διανύσετε όλους τους υποστοιχεία του <body> και αλλάξτε τη χρώμα τους στο παρασκήνιο:

const collection = document.body.children;
for (let i = 0; i < collecton.length; i++) {
  collection[i].style.backgroundColor = "red";
}

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

Γλώσσα

element.children

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

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

Όνειρο HTMLCollection.

Συλλογή στοιχείων στοιχείων.

Τα στοιχεία ταξινομούνται ανάλογα με την εμφάνισή τους στο έγγραφο.

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

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

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

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