dupontL1

Révision

A relire !

http://dupontl1.blogspot.com/2019/02/td-grid.html
http://dupontl1.blogspot.com/search?q=DS

Test

<body>

<div class="top">div : class top <h1>h1</h1> <div id="tmpPlants" class="tmpExample"> <div class="A B tmpExample" id="item.A">div : class =A et B id=item.A</div> <div class="A tmpExample" id="b">div : class =A id=b</div> <div class="B tmpExample" id="c">div : class =B id=c</div> </div> <footer> footer </footer> </div>

</body>

Encadrer les éléments sélectionnés par les expressions :

document.body.querySelector(".top :first-Child")
document.body.querySelectorAll(".top :first-Child")[1]
document.body.querySelector(".top").firstChild
document.body.querySelector(".top").firstElementChild.previousSibling
document.body.querySelector(".top").lastChild.previousElementSibling

div, h1
.A.B
.top :first-child
.top :nth-child(1)
.top :nth-of-type(1)

Ecrire deux expressions permettant de mettre le <footer> premier enfant de body !

Correction de l'examen : ⇗

test

Trouver le nombre de DIV du site https://wherepathe.blogspot.com/

Programme de revision

La partie parcours du DOM ne sera pas au partielle.

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

Pages

Révision

Test

test

Programme de revision

Cours Parcours du DOM

Solution TD Dom modification

Solution TD : DOM

Préparation examen