les éléments sont utilisés pour obtenir un certain style ou pour faire fonctionner une fonctionnalité basée sur JavaScript. Mais les choses peuvent rapidement devenir incontrôlables, et il n’est pas rare de se retrouver avec des arbres DOM très profondément imbriqués. Cela peut rendre beaucoup plus difficile le travail sur le code HTML de votre page, ainsi que son débogage. Mais cela peut même avoir des implications sur les performances. Plus l’arborescence DOM grandit, plus le navigateur devra recalculer les styles lorsque les choses changent.
Déboguer
“Il existe un moyen beaucoup plus rapide de le faire en utilisant l’outil. L’onglet DOM de l’outil vous donne une vue d’ensemble de la page Web entière et permet de faire un zoom arrière et de faire un panoramique autour de la scène jusqu’à ce que vous trouviez les éléments qui sont hors de la fenêtre d’affichage. Cliquez sur l’un des éléments pour accéder à l’outil Éléments. »
La source : Microsoft
