- Combien y a-t-il d'éléments
<p>
présents dans la page HTML ?
Code :
document.getElementsByTagName("p")
- Quel est le contenu texte de l'élément portant l'id coucou ?
Code :
document.getElementById('coucou')
- Quelle est l'URL vers laquelle pointe le 3ème élément
<a>
de la page HTML ?
Code : document.getElementsByTagName('a')[2]
- Combien d'éléments portent la classe compte-moi ?
Code :
document.getElementsByClassName('compte-moi')
- Combien d'éléments
<li>
portent la classe compte-moi ?
Code :
document.querySelectorAll("li.compte-moi")
Combien d'éléments <li>
et situés dans une liste ordonnée portent la classe compte-moi ?
Code :
document.querySelectorAll("ol li.compte-moi")
- La page contient un seul élément
<div>
. Celui-ci contient 2 éléments "unordered list" ou<ul>
. Dans le second<ul>
, le premier élément de la liste (tag<li>
) est caché visuellement de l'utilisateur mais toi, tu peux en récupérer le contenu.
document.querySelector("div ul:nth-child(2) li").textContent
Dans notre script, on peut aussi ajouter un .length pour obtenir le nombre d'élément dans la console, et .href pour obtenir un affichage direct du lien dans la console.
J'ai préféré ne pas l'ajouter pour une meilleure vue d'ensemble.