Атрибут length NodeList HTML DOM

  • Предыдущая страница keys()
  • Следующая страница values()
  • Вернуться на один уровень выше NodeList DOM HTML

Определение и использование

Атрибут length возвращает количество узлов в NodeList.

Атрибут length является только для чтения.

Пример

Пример 1

Получение количества дочерних элементов в документе：

const nodeList = document.body.childNodes;
let number = nodeList.length;

Попробуйте сами

Пример 2

Получение дочерних элементов элемента <body>：

const nodeList = document.body.childNodes;

Попробуйте сами

Пример 3

Получить количество подузлов в "myDIV":

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

Попробуйте сами

Пример 4

Сколько <p> элементов в "myDIV":

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

Попробуйте сами

Пример 5

Пройдемся по всем <p> элементам в "myDIV" и изменяем их размер шрифта:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

Попробуйте сами

Пример 6

Пройдемся по всем подузлам и соберем имена каждого узла:

const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

Попробуйте сами

Синтаксис

nodelist.length

Возвратное значение

Тип Описание
Число Количество узлов в NodeList.

Поддержка браузерами

nodelist.length является свойством DOM Level 1 (1998).

Поддерживается всеми современными браузерами:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка

См. также

Метод entries()

Метод forEach()

Метод item()

Метод keys()

Метод values()

Объект NodeList

Метод childNodes()

Метод querySelectorAll()

Метод getElementsByName()

  • Предыдущая страница keys()
  • Следующая страница values()
  • Вернуться на один уровень выше NodeList DOM HTML