HTML DOM Element kinders
Die Element VoorwerpVoorbeeld
Kry 'n versameling van die <body> element se kinders:
const collection = document.body.children;
Meer voorbeelde hieronder.
Definisie en gebruik
Die childreneienskap gee 'n versameling van 'n element se onderliggende elemente terug.
Die childreneiendom gee 'n HTMLCollection-objek terug.
'n Verskil
Die childNodeseienskap gee alle kind nodusse terug , insluitend teks nodusse en kommentaar nodes, terwyl die childreneienskap net die kind elemente terugstuur .
Sien ook:
Die Element childNodes Eiendom
HTML-versameling
'n HTMLCollection is 'n versameling HTML-nodusse.
Nodusse in 'n versameling kan verkry word deur indeksnommers. Die indeks begin by 0.
Die lengte Eiendom gee die aantal elemente in die versameling terug.
Sintaksis
element.children
Terugkeerwaarde
| Tik | Beskrywing |
| Voorwerp | 'n HTMLCollection-voorwerp. Die versameling element nodusse. Die elemente word gesorteer soos dit in die dokument verskyn. |
Meer voorbeelde
Vind uit hoeveel kinders 'n <div>-element het:
var c =
document.getElementById("myDIV").children.length;
Verander die agtergrondkleur van die tweede kinderelement van 'n <div>-element:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Kry die teks van die derde kinderelement (indeks 2) van 'n <kies> element:
var c = document.getElementById("mySelect").children[2].text;
Loop deur alle kinders van <body> en verander hul agtergrondkleur na rooi:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
Verwante bladsye
HTML DOM verwysing: childNodes Eiendom
Blaaierondersteuning
element.children 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