Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК СДЕЛАТЬ
     ❯   

JS Справочник


JavaScript

Модификаторы: Группы: Метасимволы: Квантификаторы: Свойства: Методы:

Window


HTML DOM


HTML События


Web APIs


HTML Объекты


Другие ссылки




HTML DOM NodeList length



Свойство length

Примеры nodelist.length

Получить количество дочерних узлов в документе:

const nodeList = document.body.childNodes;
let number = nodeList.length;
Попробуйте сами »

Получите дочерние узлы элемента <body>:

const nodeList = document.body.childNodes;
Попробуйте сами »

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

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;
Попробуйте сами »

Ещё примеры ниже.


Описание length

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

Свойство length доступно только для чтения.


Синтаксис length

nodelist.length

Возвращаемое значение length

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


Ещё примеры length

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

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;
Попробуйте сами »

Пройдитесь по всем элементам <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";
}
Попробуйте сами »

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

const list = document.body.childNodes;

let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}
Попробуйте сами »

Поддержка length

nodelist.length является функцией DOM уровня 1 (1998).

Он полностью поддерживается во всех браузерах:

Chrome Edge Firefox Safari Opera IE
Да Да Да Да Да 9-11


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.