Pages

projet DOM

Parcourir le DOM à l'aide du programme récursif vu en cours à la recherche des nœuds contenant un texte.
Si le nœud contient le string recherché, on met le nœud en rouge.

Exemple : 

tapez le code suivant dans l'onglet HTML de jsbin ou jsfiddle puis TAB(juste après 3)

article{article $}>section{section $}*2>p{para $}*3

Code : 
Rechercher tous les noeuds contenant le texte "2" et ajouter la classe "red" à ces paragraphes.

Difficulté : 
Lors de votre parcours, vous ne pourrez pas utiliser la granularité sur les éléments et un test du style :
node.innerHTML.indexOf(string) > -1

innerHTML prend en compte le contenu de tout les enfants !
http://jsbin.com/yihipab/4/edit?html,css,js,console,output


aide : 
http://duponttd.blogspot.fr/2017/12/parcourir-le-dom-how-to.html

http://duponttd.blogspot.fr/2016/11/etude-du-recursif-en-profondeur.html


En action :

http://dupontdom.blogspot.fr/p/dom-fonction.html