Vlastnost délky HTML DOM
Příklad
Zjistěte, kolik prvků <p> je v dokumentu:
var nodelist = document.getElementsByTagName("P").length;
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost length vrací počet uzlů v objektu NodeList.
Kolekce podřízených uzlů objektu Node je příkladem objektu NodeList.
Vlastnost length je užitečná, když chcete procházet uzly v seznamu uzlů (viz "Další příklady" níže).
Tato vlastnost je pouze pro čtení.
Tip: Pomocí metody item() vraťte uzel na zadaném indexu v objektu NodeList.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Syntax
nodelist.length
Technické údaje
Návratová hodnota: | Číslo představující počet uzlů v seznamu uzlů |
---|---|
Verze DOM | Základní objekt Nodelist 1. úrovně |
Další příklady
Příklad
Zjistěte, kolik prvků <p> je uvnitř prvku <div>:
var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
Příklad
Projděte všechny prvky <p> uvnitř prvku <div> a změňte barvu pozadí každého prvku <p>:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
Příklad
Vrátí počet podřízených uzlů prvku <body>:
var nodelist = document.body.childNodes.length;
Příklad
Projděte podřízené uzly <body> a vytiskněte název každého podřízeného uzlu:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
Související stránky
Odkaz HTML DOM: metoda nodelist .item().
HTML DOM Reference: element .childNodes Property
Odkaz HTML DOM: metoda elementu .getElementsByClassName().
Odkaz HTML DOM: metoda elementu .getElementsByTagName().
Odkaz HTML DOM: metoda elementu .querySelectorAll().
Odkaz HTML DOM: metoda document.getElementsByClassName() .
Odkaz HTML DOM: metoda document.getElementsByName() .
Reference HTML DOM: metoda document.getElementsByTagName() .
Odkaz HTML DOM: metoda document.querySelectorAll() .