Как посчитать и вывести в лог количество элементов?

Question

[Александр Сидоров]

Приветствую!
Функция должна перебирать все узлы на странице и выводить в консоль статистику по элементам.
вот код https://codepen.io/SidorovWeb/pen/xpQNje?editors=1010
Подскажите, как посчитать.

Comments

[Bhudh]

(Google) js nodes traversing

Answer 1

[Андрей]

const domElements = {};

function addToCounter (elem) {
  domElements[elem.tagName] = typeof domElements[elem.tagName] === 'undefined' ? 1 : domElements[elem.tagName] + 1
}

function scanDOM (elem) {
	if (elem.hasChildNodes()) {
		for(let i = 0; i < elem.childNodes.length; i++) {
			let child = elem.childNodes[i];
			if (child.nodeType == 1) {
        addToCounter(child);
				scanDOM(child);
			}
		}
	} else {
    addToCounter(elem);
    
    Object.keys(domElements).forEach((val) => {
      console.log(`There are ${domElements[val]} elements with ${val} tag name `);
    })
  }
}

let body = document.querySelector('body');

scanDOM(body);

Answer 2

[Александр Косицын]

Есть хороший вариант вот так.
document.getElementsByTagName('*').length
Нашел вот тут
ссылка

Comments

[Bhudh]

Только в вопросе были "узлы", а эта функция возвращает только элементы.

Answer 3

[Александр Сидоров]

Спасибо!