HTML DOM Element childNodes-attribut

Definition och användning

childNodes Attributet returnerar en samling av elementundernoder (lista).

childNodes Attributet returnerar en NodeList-objekt.

childNodes Attributet är skrivskyddat.

childNodes[0] Samma som firstChild.

Tips

childNodes Returnerar nod: elementnod, textnod och kommentar nod.

Tomma utrymmen mellan element är också textnoder.

Alternativ:

children-attribut - children Attributet returnerar underelement (ignerar text och kommentarer).

Se också:

firstChild-attribut

lastChild-attribut

nextSibling-attribut

previousSibling-attribut

hasChildNodes()-metoden

nodattribut

parentNode-attribut

nodeName-attribut

nodeType-attribut

nodeValue-attribut

HTML-noder och element

i HTML DOM（Document Object Model）är HTML-dokument en samling av noder (eller inte) med undernoder.

noderbetyder elementnod, textnod och kommentar nod.

elementmellanslag mellan dem är också textnoder.

medan element bara är elementnoder.

undernoder och underelement

childNodes returnerarundernoder（elementnod, textnod och kommentar nod）.

children returnerarunderelement（inte text- och kommentarndelar）.

kompisar och elementkompisar

kompisär "bror" och "syster".

kompisär noder som har samma föräldern (i samma childNodes i listan）。

elementkompisär element som har samma föräldern (i samma children i listan）。

Exempel

Exempel 1

Hämta undernoderna till <body>-elementet:

const nodeList = document.body.childNodes;

Prova själv

Exempel 2

Hämta antalet undernoder i "myDIV":

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

Prova själv

Exempel 3

Ändra bakgrundsfärgen på den andra undernoden:

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

Prova själv

Exempel 4

Hämta texten från den tredje undernoden till <select>-elementet:

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

Prova själv

Syntax

element.childNodes

Returvärde

Typ Beskrivning
Objekt

Noder NodeList-objektssamling.

Noder sorteras i den ordning de uppstår i dokumentet.

Webbläsarstöd

element.childNodes Det är en DOM Level 1 (1998)-funktion.

Alla webbläsare stöder det fullt ut:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd