Как получить количество элементов DOM, используемых на веб-странице

Используя jQuery, я могу легко получить количество элементов DOM, используемых веб-страницей:

$('*').length;

Но не все веб-сайты используют jQuery.

Итак, мой вопрос: как получить количество элементов DOM, используемых на веб-странице, используя чистую javascript и js-консоль.

Ответы

Ответ 1

Предполагая, что вы имеете в виду "HTMLElementNodes", а не "Все узлы" (которые включают в себя такие вещи, как текстовые узлы, а также пропускаются вашим примером jQuery):

document.getElementsByTagName('*').length

Это все еще требует использования DOM. Чистый JavaScript не может взаимодействовать с HTML-документом, кроме как в виде текста.

Ответ 2

Это довольно просто:

document.getElementsByTagName('*').length

Если вы можете игнорировать старые браузеры, вы также можете сохранить некоторый синтаксис, похожий на jQuery, с помощью:

var $;
$ = document.querySelectorAll.bind(document);
$('*').length;