Test

Test du DOM en JavaScript

8 questions sur comment travailler avec une page via JavaScript : sélectionner des éléments, les événements et modifier le contenu.

questions

~4 min

de durée

⚡

résultat immédiat

Question 1 sur 8

Quelle méthode trouve le premier élément correspondant à un sélecteur CSS ?

getElementById()✓✗ querySelector()✓✗ getElementsByClass()✓✗ findElement()✓✗

Question 2 sur 8

Que renvoie document.querySelectorAll(".item") ?

Un seul élément✓✗ Un tableau de strings✓✗ Une NodeList avec tous les éléments correspondants✓✗ undefined s'il n'y en a aucun✓✗

Question 3 sur 8

Comment associer un gestionnaire de clic à un bouton ?

btn.click = function(){}✓✗ btn.addEventListener("click", fn)✓✗ btn.event("click", fn)✓✗ btn.on("click", fn)✓✗

Question 4 sur 8

Quelle est la différence entre innerHTML et textContent ?

Aucune, c'est pareil✓✗ innerHTML définit du balisage HTML, textContent seulement du texte brut✓✗ textContent définit du HTML, et innerHTML seulement du texte brut✓✗ innerHTML est en lecture seule✓✗

Question 5 sur 8

Quel événement se déclenche quand la valeur d'un select ou d'un input change et perd le focus ?

onclick✓✗ onchange✓✗ onsubmit✓✗ onload✓✗

Question 6 sur 8

Comment empêcher le comportement par défaut d'un formulaire lors de son envoi ?

event.stop()✓✗ event.preventDefault()✓✗ form.cancel()✓✗ return false fonctionne toujours✓✗

Question 7 sur 8

Comment ajouter une classe CSS à un élément avec JavaScript ?

el.class.add("active")✓✗ el.classList.add("active")✓✗ el.addClass("active")✓✗ el.style.class = "active"✓✗

Question 8 sur 8

Qu'est-ce que la propagation d'événements (event bubbling) ?

Un événement qui n'arrive que sur un élément✓✗ Un événement qui remonte de l'élément enfant vers ses parents✓✗ Un mécanisme qui bloque automatiquement les événements✓✗ Un mécanisme obsolète qui n'est plus utilisé✓✗

0/8

🎓 Obtenir le cours complet sur Udemy ▶️ Essayer gratuitement sur YouTube