Element HTML DOM childNodes
Objekt prvkuPříklad
Získejte podřízené uzly prvku <body>:
const nodeList = document.body.childNodes;
Další příklady níže.
Definice a použití
Vlastnost childNodes
vrací kolekci (seznam) podřízených uzlů prvku.
Vlastnost childNodes
vrací objekt NodeList.
Vlastnost childNodes
je pouze pro čtení.
Poznámka
Mezery uvnitř prvků jsou považovány za textové uzly.
Komentáře jsou také považovány za uzly.
childNodes[0]
je stejný jako firstChild
.
Rozdíl
Vlastnost childNodes
vrací všechny podřízené uzly , včetně textových uzlů a uzlů komentářů, zatímco children
vlastnost vrací pouze podřízené prvky .
Viz také:
NodeList
NodeList je kolekce (seznam) objektů uzlů podobná poli.
NodeList má vlastnost length , která vrací počet uzlů v seznamu.
K uzlům lze přistupovat pomocí indexových čísel. Index začíná na 0.
Syntax
element.childNodes
Návratová hodnota
Typ | Popis |
Objekt | Kolekce objektů NodeList uzlů. Uzly jsou seřazeny tak, jak se objevují v dokumentu. |
Další příklady
Počet podřízených uzlů v prvku <div>:
let numb = document.getElementById("myDIV").childNodes.length;
Změňte barvu pozadí druhého podřízeného uzlu:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Získejte text třetího podřízeného uzlu prvku <select>:
let text = document.getElementById("mySelect").childNodes[2].text;
Související stránky
Podpora prohlížeče
element.childNodes
je funkce DOM úrovně 1 (1998).
Je plně podporován ve všech prohlížečích:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Objekt prvku