Свойство длины HTML DOM
Пример
Узнайте, сколько элементов <p> в документе:
var nodelist = document.getElementsByTagName("P").length;
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство length возвращает количество узлов в объекте NodeList.
Коллекция дочерних узлов объекта Node является примером объекта NodeList.
Свойство length полезно, когда вы хотите просмотреть узлы в списке узлов (см. «Дополнительные примеры» ниже).
Это свойство доступно только для чтения.
Совет. Используйте метод item() для возврата узла с указанным индексом в объекте NodeList.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Синтаксис
nodelist.length
Технические детали
Возвращаемое значение: | Число, представляющее количество узлов в списке узлов. |
---|---|
DOM-версия | Основной объект Nodelist уровня 1 |
Дополнительные примеры
Пример
Узнайте, сколько элементов <p> находится внутри элемента <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> внутри элемента <div> и измените цвет фона каждого <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";
}
Пример
Возвращает количество дочерних узлов элемента <body>:
var nodelist = document.body.childNodes.length;
Пример
Прокрутите дочерние узлы <body> и выведите имя узла каждого дочернего узла:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
Связанные страницы
Справочник по HTML DOM: метод nodelist .item()
Справочник по HTML DOM: свойство element .childNodes
Справочник по HTML DOM: метод element .getElementsByClassName()
Справочник по HTML DOM: метод element .getElementsByTagName()
Справочник по HTML DOM: метод element .querySelectorAll()
Справочник по HTML DOM: метод document.getElementsByClassName()
Справочник по HTML DOM: метод document.getElementsByName()
Справочник по HTML DOM: метод document.getElementsByTagName()
Справочник по HTML DOM: метод document.querySelectorAll()