HTML DOM Element childNodes egenskab

Definition og brug

childNodes Egenskaben returnerer en samling af elementunderknuder (liste).

childNodes Egenskaben returnerer en NodeList objekt.

childNodes Egenskaben er skrivebeskyttet.

childNodes[0] Samme som firstChild.

Påmindelse

childNodes Returnerer knude: elementknuder, tekstknuder og kommentarknuder.

Der er også tekstknuder mellem elementer.

Alternativ:

children egenskab - children Egenskaben returnerer underelementer (ignorerer tekst og kommentarer).

Se også:

firstChild egenskab

lastChild egenskab

nextSibling egenskab

previousSibling egenskab

hasChildNodes() metode

Node egenskaber

parentNode egenskab

nodeName egenskab

nodeType egenskab

nodeValue egenskab

HTML-noder og elementer

i HTML DOM（Document Object Model）er HTML-dokumenter, der er en samling af noder (eller ikke har noder).

Noderbetyder elementnoder, tekstnoder og kommentarnoder.

ElementMellemrum mellem elementer er også tekstnoder.

mens elementer kun er elementnoder.

Undernode og underelement

childNodes ReturnererUndernode（elementnoder, tekstnoder og kommentarnoder）.

children ReturnererUnderelement（ikke tekst- og kommentarnoder）.

Søskende og elementer i samme

søskendeer "broder" og "søster".

søskendeer noder, der har samme forældre (i samme childNodes listen）.

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

Eksempel

Eksempel 1

Få undernoderne af <body>-elementet:

const nodeList = document.body.childNodes;

Prøv det selv

Eksempel 2

Få antallet af undernoder i "myDIV":

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

Prøv det selv

Eksempel 3

Ændr baggrundsfarven på den anden undernode:

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

Prøv det selv

Eksempel 4

Få teksten fra den tredje undernode af <select>-elementet:

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

Prøv det selv

Syntax

element.childNodes

Returværdi

Type Beskrivelse
Objekt

Noder NodeList objekt samling.

Noder sorteres efter deres optræden i dokumentet.

Browserv understøttelse

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

Alle browsere understøtter det fuldt ud:

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