HTML DOM Element childNodes ominaisuus

Määrittely ja käyttö

childNodes Ominaisuus palauttaa elementin alisolujen joukon (listan).

childNodes Ominaisuus palauttaa NodeList-objektin.

childNodes Ominaisuus on luettava.

childNodes[0] Sama kuin firstChild.

Vinkki

childNodes Palauttaa solun: elementtisolu, tekstisolu ja kommenttisolu.

Elementtien välillä oleva tyhjätila on myös tekstisolua.

Vaihtoehto:

children ominaisuus - children Ominaisuus palauttaa alisoluja (jättää teksti ja kommentit huomiotta).

Katso myös:

firstChild ominaisuus

lastChild ominaisuus

nextSibling ominaisuus

previousSibling ominaisuus

hasChildNodes() menetelmä

solu ominaisuudet

parentNode ominaisuus

nodeName ominaisuus

nodeType-ominaisuus

nodeValue-ominaisuus

HTML-nodet ja elementit

HTML HTML DOM(Dokumentin ObjektiMalli) HTML-dokumentti on solmuyhdistelmä, joilla on (tai ei ole) lapsisoluja.

SolmuViittaa elementtiSolmuun, tekstiSolmuun ja kommenttiSolmuun.

ElementtiVälit välimetrit ovat myös tekstiSolmuja.

Eikä elementti ole vain elementtiSolmu.

LapsiSolmu ja lapsiElementti

childNodes PalauttaaLapsiSolmu(ElementtiSolmu, tekstiSolmu ja kommenttiSolmu).

children PalauttaaLapsiElementti(eikä teksti- tai kommenttiSolmut).

Sisar ja elementin sisar

SisarOn "veli" ja "sisko".

SisarOn solmuja, joilla on sama isäSolmu (samassa childNodes Luettelossa).

Elementin sisarOn elementtejä, joilla on sama isäelementti (samassa children Luettelossa).

Esimerkki

Esimerkki 1

Hanki <body>-elementin lapsinodet:

const nodeList = document.body.childNodes;

Kokeile itse

Esimerkki 2

Hanki "myDIV"-elementin lapsinodetunnus:

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

Kokeile itse

Esimerkki 3

Muuta toisen lapsinodetekstin taustaväri:

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

Kokeile itse

Esimerkki 4

Hanki <select>-elementin kolmannen lapsinodeteksti:

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

Kokeile itse

Syntaksi

element.childNodes

Palautusarvo

Tyyppi Kuvaus
Objekti

Nodet NodeList-objektiyhdistelmä.

Nodet järjestetään niiden esiintymisjärjestyksen mukaan dokumentissa.

Selaimen tuki

element.childNodes Se on DOM Level 1 (1998) ominaisuus.

Kaikki selaimet tukevat sitä täysin:

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