Trouver le nombre de DIV du site https://wherepathe.blogspot.com/
Cours Parcours du DOM
https://duponttd.blogspot.com/2016/10/parcours-du-dom.html
ouvrir une page WEB, puis dans la console tapez (copier/coller) :
printDOM = (node) => {
console.groupCollapsed(`${node.nodeName}`);
for(let nd of node.children) {
printDOM(nd);
}
console.groupEnd(`${node.nodeName}`);
}
printDOM(document);
Voici le cours
ouvrir une page WEB, puis dans la console tapez (copier/coller) :
printDOM = (node) => {
console.groupCollapsed(`${node.nodeName}`);
for(let nd of node.children) {
printDOM(nd);
}
console.groupEnd(`${node.nodeName}`);
}
printDOM(document);
Voici le cours
Préparation examen
Notez que les étudiants avaient étudié Flex. Ces questions ne vous seront pas posées. PAr contre vous avez étudié le DOM et le parcours dans le graphe.
2017
2018
2017
2018
Recursif
Parcours à la recherche de texte !
Rechercher un mot dans une page !
en action !
Afficher le DOM dans une page
Remarque :
Code avec expReg : en action
Rechercher un mot dans une page !
en action !
Afficher le DOM dans une page
Remarque :
Code avec expReg : en action
Série d'articles sur le récursif !
Vous connaissez la fonction Factorielle !
>factorielle(6)
720
Il est important de comprendre les appels récursifs pour cela examiner le code suivant :
récursif code
Voici deux autres exemples d'utilisation du principe de récursion :
La fonction puissance
Décomposition
function
factorielle(n) {
return
n == 0 ? 1 : n * factorielle (n-1);
}
const factorielle = (n) => n>0 ? n*factorielle(n-1) : 1;
>factorielle(6)
720
Il est important de comprendre les appels récursifs pour cela examiner le code suivant :
récursif code
-> le premier appel finit en dernier
Voici deux autres exemples d'utilisation du principe de récursion :
La fonction puissance
Décomposition
Parcours projet
Voici le résultat que vous devez obtenir pour le projet parcours DOM.
Aller dans le fichier
https://wherepathe.blogspot.com/Copier ce code (compacter)
let a=0,p =(e)=>{let a1=a++;console.groupCollapsed(`Begin ${e.nodeName} ${a1}`);Array.from(e.children,c=>p(c));console.log(`End ${e.nodeName} ${a1}`);console.groupEnd();};p(document.body);Coller le code dans la console.
Inscription à :
Articles (Atom)