пример
Узнайте, как много <p> элементов находятся в документе:
var nodelist = document.getElementsByTagName("P").length;Результат нодлиста будет:
4 Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство длины возвращает количество узлов в NodeList объекта.
Коллекция объект узла дочерних узлов является примером объекта NodeList.
Свойство длины полезно , когда вы хотите проходным узлов в списке узлов (See "More Examples" below) .
Это свойство только для чтения.
Совет: Используйте item() метод возвращает узел по указанному индексу в NodeList объекта.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| length | да | да | да | да | да |
Синтаксис
Технические подробности Возвращаемое значение: A Количество, представляющее число узлов в нодлисте DOM Version Базовый уровень 1 Nodelist объекта
Еще примеры
пример
Узнайте, как много <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> Результат нодлиста будет:
3 Попробуй сам "
пример
Перебор всех <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; Результат нодлиста будет:
12 Попробуй сам "
пример
Петля через дочерние узлы <body> и выводить имя узла каждого дочернего узла:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0;
i < nodelist.length; i++) {
txt = txt +
nodelist[i].nodeName + "<br>";
} Результат TXT будет:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text Попробуй сам "
Похожие страницы
HTML DOM Ссылка: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM Ссылка: элемент .childNodes недвижимости
HTML DOM Ссылка: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Ссылка: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Ссылка: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Ссылка: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Ссылка: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Ссылка: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Ссылка: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method