HTML DOM Element childNodes
Die Element VoorwerpVoorbeeld
Kry die <body> element se kind nodes:
const nodeList = document.body.childNodes;
Meer voorbeelde hieronder.
Definisie en gebruik
Die childNodes
eienskap gee 'n versameling (lys) van 'n element se kind nodusse terug.
Die childNodes
eiendom gee 'n NodeList-objek terug.
Die childNodes
eiendom is leesalleen.
Let wel
Witspasie binne elemente word as teksnodes beskou.
Kommentaar word ook as nodusse beskou.
childNodes[0]
is dieselfde as firstChild
.
'n Verskil
Die childNodes
eienskap gee alle kind nodusse terug , insluitend teks nodusse en kommentaar nodes, terwyl die children
eienskap net die kind elemente terugstuur .
Sien ook:
NodeLys
'n NodeList is 'n reeks-agtige versameling (lys) van Node Objects.
'n NodeList het 'n length - eienskap wat die aantal nodusse in die lys terugstuur.
Die nodusse kan verkry word deur indeksnommers. Die indeks begin by 0.
Sintaksis
element.childNodes
Terugkeerwaarde
Tik | Beskrywing |
Voorwerp | 'n NodeList- objekversameling van nodusse. Die nodusse word gesorteer soos dit in die dokument verskyn. |
Meer voorbeelde
Die aantal kind nodusse in 'n <div> element:
let numb = document.getElementById("myDIV").childNodes.length;
Verander die agtergrondkleur van die tweede kindernodus:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Kry die teks van die derde kindernodus van 'n <kies> element:
let text = document.getElementById("mySelect").childNodes[2].text;
Verwante bladsye
Die Element parentNode Eiendom
Die Element nextSibling Property
Blaaierondersteuning
element.childNodes
is 'n DOM Vlak 1 (1998) kenmerk.
Dit word ten volle ondersteun in alle blaaiers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Die Element Voorwerp