Comment obtenir le nombre d’éléments DOM utilisés dans une page Web

Question

En utilisant jQuery, je peux facilement obtenir le nombre d’éléments DOM utilisés par une page Web:

Mais tous les sites Web n’utilisent pas jQuery.

Ma question est donc la suivante : comment puis-je obtenir le nombre d’éléments DOM utilisés dans une page Web en utilisant JavaScript pur et la console js.

Answer 1

En supposant que vous voulez dire « HTMLElementNodes » par opposition à « Tous les nœuds » (qui inclurait des éléments tels que des nœuds de texte et serait également ignoré par votre exemple jQuery), alors:

Cela nécessite toujours l’utilisation de DOM cependant. Pur JavaScript ne peut pas interagir avec un document HTML autrement que sous la forme d’une chaîne de texte.

Answer 2

C’est assez simple en fait:

---

Si vous pouvez ignorer les navigateurs plus anciens, vous pouvez également conserver une partie de la syntaxe de type jQuery avec :

Answer 3

En utilisant une fonction récursive `` :

puis appelez-le en passant `` comme paramètre

Answer 4

La réponse principale ne compte pas vraiment tout (je pense que shadow DOM serait exclu)

L’utilisation de l’extrait ci-dessous fonctionne mieux pour moi: