JS#4

Quelle méthode JavaScript est utilisée pour sélectionner un élément HTML par son ID ?

• getElementByClassName()

• getElementById()

• querySelectorAll()

• getElementsByTagName()

Answer explanation

La méthode getElementById() est utilisée pour sélectionner un élément unique par son ID.

Quelle méthode JavaScript permet de sélectionner tous les éléments ayant une classe spécifique ?

• getElementById()

• getElementsByClassName()

• querySelector()

• getElementsByTagName()

Answer explanation

La méthode getElementsByClassName() retourne une collection de tous les éléments ayant la classe spécifiée.

Quelle méthode JavaScript est utilisée pour sélectionner tous les éléments d'un type de balise spécifique ?

• getElementById()

• getElementsByClassName()

• getElementsByTagName()

• querySelectorAll()

Answer explanation

La méthode getElementsByTagName() retourne une collection de tous les éléments du type de balise spécifié.

Quelle méthode JavaScript retourne le premier élément qui correspond à un sélecteur CSS donné ?

• getElementById()

• querySelector()

• querySelectorAll()

• getElementsByClassName()

Answer explanation

La méthode querySelector() retourne le premier élément correspondant au sélecteur CSS spécifié.

Quelle méthode JavaScript retourne tous les éléments qui correspondent à un sélecteur CSS donné ?

• getElementById()

• querySelector()

• querySelectorAll()

• getElementsByTagName()

Answer explanation

La méthode querySelectorAll() retourne une NodeList de tous les éléments qui correspondent au sélecteur CSS spécifié.

Que fait le code suivant ?

let items = document.getElementsByClassName('item');

for (let i = 0; i < items.length; i++) {

    console.log(items[i].textContent);

}

• Affiche le contenu texte de chaque élément avec la classe "item"

• Modifie le contenu texte de chaque élément avec la classe "item"

• Affiche le contenu HTML de chaque élément avec la classe "item"

• Ne fait rien

Answer explanation

La boucle for parcourt chaque élément de la collection retournée par getElementsByClassName et affiche son contenu texte.

Que fait le code suivant ?

let buttons = document.querySelectorAll('button');

buttons.forEach(button => {

    console.log(button.textContent);

});

• Affiche le texte de chaque bouton

• Modifie le texte de chaque bouton

• Supprime chaque bouton

• Ajoute un événement click à chaque bouton

Answer explanation

La méthode forEach est utilisée pour exécuter une fonction pour chaque élément de la NodeList retournée par querySelectorAll, affichant le texte de chaque bouton.

Que fait le code suivant ?

let header = document.querySelector('h1');

let firstParagraph = document.querySelector('p');

• Sélectionne le premier <h1> et le premier <p>

• Sélectionne tous les <h1> et <p>

• Sélectionne le dernier <h1> et <p>

• Ne sélectionne rien

Answer explanation

querySelector retourne le premier élément qui correspond à chaque sélecteur CSS donné.

Comment sélectionnez-vous tous les éléments avec un attribut data-role="admin" ?

• document.querySelectorAll('[data-role="admin"]')

• document.getElementsByClassName('data-role="admin"')

• document.getElementById('data-role="admin"')

• document.getElementsByTagName('data-role="admin"')

Answer explanation

querySelectorAll peut être utilisé avec des sélecteurs d'attributs pour retourner tous les éléments qui ont un attribut spécifique.

Écrivez un code JavaScript qui sélectionne le premier élément avec la classe highlight et change sa couleur de fond en jaune.

Answer explanation

let highlightElement = document.querySelector('.highlight');

highlightElement.style.backgroundColor = 'yellow';

Ce code utilise querySelector pour sélectionner le premier élément avec la classe highlight et modifie son style pour changer la couleur de fond en jaune.