Děti prvku HTML DOM
Objekt prvkuPříklad
Získejte kolekci potomků prvku <body>:
const collection = document.body.children;
Další příklady níže.
Definice a použití
Vlastnost childrenvrací kolekci podřízených prvků prvku.
Vlastnost childrenvrací objekt HTMLCollection.
Rozdíl
Vlastnost childNodesvrací všechny podřízené uzly , včetně textových uzlů a uzlů komentářů, zatímco childrenvlastnost vrací pouze podřízené prvky .
Viz také:
HTML kolekce
HTMLCollection je kolekce uzlů HTML.
K uzlům v kolekci lze přistupovat pomocí čísel indexů. Index začíná na 0.
Vlastnost length vrátí počet prvků v kolekci.
Syntax
element.children
Návratová hodnota
| Typ | Popis |
| Objekt | Objekt HTMLCollection. Kolekce uzlů prvků. Prvky jsou seřazeny tak, jak se objevují v dokumentu. |
Další příklady
Zjistěte, kolik potomků má prvek <div>:
var c =
document.getElementById("myDIV").children.length;
Změňte barvu pozadí druhého podřízeného prvku prvku <div>:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Získejte text třetího podřízeného prvku (index 2) prvku <select>:
var c = document.getElementById("mySelect").children[2].text;
Projděte všechny podřízené prvky <body> a změňte barvu jejich pozadí na červenou:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
Související stránky
HTML DOM reference: childNodes Property
Podpora prohlížeče
element.children 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