HTML DOM Element children Eigenschaft

Definition und Verwendung

children Eigenschaft gibt die Sammlung der Unterelemente des Elements zurück.

children Eigenschaft gibt ein HTMLCollection-Objekt zurück.

Weitere Informationen siehe:

firstElementChild Eigenschaft

lastElementChild Eigenschaft

nextElementSibling Eigenschaft

previousElementSibling Eigenschaft

childElementCount Eigenschaft

childNodes Eigenschaft

HTML Knoten und Elemente

in HTML DOM（文档对象模型）中，HTML 文档是拥有（或没有）子节点的节点集合。

NodeBezeichnet Elementnode, Textnode und Anmerkungsnode.

ElementZwischen dem Leerzeichen sind auch Textnode.

und das Element ist nur ein Elementnode.

Unternode und Unterelement

childNodes RückgabeUnternode（元素节点、文本节点和注释节点）。

children RückgabeUnterelemente（而不是文本和注释节点）。

Gegenstände und Element-Gegenstände

BrüderSind "Brüder" und "Schwestern".

Brüdersind Knoten mit demselben übergeordneten Knoten (im selben childNodes in der Liste）。

Element-Brüdersind Elemente mit demselben übergeordneten Element (im selben children in der Liste）。

Beispiel

Beispiel 1

Sammlung der untergeordneten Elemente des <body>-Elements abrufen:

const collection = document.body.children;

Selbst ausprobieren

Beispiel 2

Wie viele untergeordnete Elemente hat "myDIV":

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

Selbst ausprobieren

Beispiel 3

Hintergrund des zweiten untergeordneten Elements von "myDIV" ändern:

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

Selbst ausprobieren

Beispiel 4

Text des dritten untergeordneten Elements des <select>-Elements (Index 2) abrufen:

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

Selbst ausprobieren

Beispiel 5

Durchsuchen Sie alle untergeordneten Elemente von <body> und ändern Sie deren Hintergrund:

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

Selbst ausprobieren

Syntax

element.children

Rückgabewert

Typ Beschreibung
Objekt

HTMLCollection-Objekt.

Sammlung von Elementknoten.

Elemente werden in der Reihenfolge sortiert, in der sie im Dokument auftreten.

Browserunterstützung

element.children Es ist eine DOM Level 1 (1998) Eigenschaft.

Es wird in allen Browsern vollständig unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung 9-11 Unterstützung Unterstützung Unterstützung Unterstützung