Как посчитать количество элементов на странице (JavaScript)

11.06.2017 12:31:34 pm

Небольшой пример, как получить количество определенных элементов. Для примера будем считать количество блоков <div>. Для этого я буду использовать функцию querySelectorAll(), предназначение которой вернуть список элементов в пределах документа. Получив все блоки, посчитаем их свойством length.

Например, у нас такой код:

<div>
    <p>Блок для примера</p>
    <div>Тут какой то текст.</div>
    <div>Еще какой то текст.</div>
    <div>И еще какой то текст.</div>
</div>

Как видно, тут четыре блока, но считать мы будем не на глаз! А сценарием ниже:

var div = document.querySelectorAll('div'); // Получаем список все блоков документа
var cnt = div.length;                       // Считаем количество блок 
alert(cnt);                                 // Выводи на экран результат

Данный сценарий выведет на экран 4 (количество блоков), а значит, наш код посчитал блоки правильно.

Жалоба