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