HTML DOM Element children egenskab

Definition og brug

children Egenskaben returnerer en samling af elementets underelementer.

children Egenskaben returnerer et HTMLCollection objekt.

Se også：

firstElementChild egenskab

lastElementChild egenskab

nextElementSibling egenskab

previousElementSibling egenskab

childElementCount egenskab

childNodes egenskab

HTML knudepunkt og element

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

KnudepunktBetyder elementknudepunkt, tekstknudepunkt og kommentarknudepunkt.

ElementMellemrummene mellem dem er også tekstknuder.

Men elementet er kun et elementknudepunkt.

Underknuder og underelementer

childNodes ReturnererUnderknuder（元素节点、文本节点和注释节点）。

children ReturnererUnderelementer（而不是文本和注释节点）。

Fæller og elementfæller

brorEr "broder" og "søster".

brorer noder, der har samme forældernode (i samme childNodes listen）.

elementbrorer elementer, der har samme forældre (i samme children listen）.

Eksempel

Eksempel 1

Få samlingen af underelementer af <body>-elementet:

const collection = document.body.children;

Prøv det selv

Eksempel 2

Hvor mange underelementer har "myDIV":

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

Prøv det selv

Eksempel 3

Ændr baggrunden for den anden underelement af "myDIV":

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

Prøv det selv

Eksempel 4

Få teksten fra den tredje underelement af <select>-elementet (indeks 2):

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

Prøv det selv

Eksempel 5

Gennemgå alle underelementer af <body> og ændr deres baggrund:

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

Prøv det selv

Syntaks

element.children

Returværdi

Type Beskrivelse
Objekt

HTMLCollection objekt.

En samling af elementknuder.

Elementer sorteres efter deres forekomst i dokumentet.

Browserv understøttelse

element.children er en DOM Level 1 (1998) funktion.

Det er fuldt understøttet af alle browsere:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support