≡

Bilan de compétences sous forme de Quiz

LE DOM

Liste des Tuto

Les interfaces en général Présentation du DOM Parcourir le document Accéder au document Modifier le document Insérer dans le document Modifier l'attribut style Modifier les classes Travailler avec innerHTML Modifier la feuille de style Gestion des événements

Liste des compétences

A quoi servent les interfaces ?
Qu'est ce que le DOM ?
Comment accéder aux éléments de l'arbre du document ?
Comment parcourir l'arbre du document ?
Comment modifier le document ?
Comment modifier le style du document ?
Comment travailler avec les événements ?

Faire le Quiz

Liste des compétences et des tests

A quoi servent les interfaces ?

Choisir une réponse (506)

Les interfaces permettent la communication entre un langage et son environnement

OUI

NON

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (507)

Comment sont construites les interfaces du Javascript d'un navigateur ?

Avec des fonctions

Avec des objets

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Qu'est ce que le DOM ?

Choisir une ou plusieurs réponses (508)

Le terme DOM est utilisé dans différentes situations. Cochez celles que vous connaissez :

On parle de DOM pour désigner l'arborescence d'objets qui représente un document HTML.

On parle de DOM à propos du document (W3C) de spécification de l'interface entre un langage quelconque et un document HTML ou XML.

On parle de DOM lorsque l'on parle de l'interface entre le Javascript du navigateur et le document du navigateur.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (509)

Que fait le navigateur pour mettre à disposition l'arbre DOM d'un document HTML ?

1. Il analyse le document HTML

2. Pour chaque élément trouvé dans le document HTML il place une instance d'un objet dans un arbre

3. L'arbre est mis à disposition du développeur à partir d'une instance d'un objet spécifique qui s'appelle document

4. Le développeur web n'a plus qu'à récupérer les adresses des instances des objets Javascript auquels il veut accéder

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Comment accéder aux éléments de l'arbre du document ?

Comment parcourir l'arbre du document ?

Quel est le nom du tableau qui contient les enfants (ELEMENT ou TEXT) de l'élément DIV ?

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom de la propriété qui permet à l'élément DIV d'accéder à son premier fils (ELEMENT ou TEXT)

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom de la propriété qui permet à l'élément DIV d'accéder à son dernier fils (ELEMENT ou TEXT)

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom de la propriété de l'élément childNodes d'indice 1 qui permet d'accéder à son frère adjacent suivant

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom de la propriété de l'élément childNodes d'indice 1 qui lui permet d'accéder à son frère adjacent précédent

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom du tableau qui contient les éléments enfants de l'élément DIV ? Important : il s'agit d'enfants qui sont des éléments HTML.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom de la propriété qui permet à l'élément DIV d'accéder à son premier fils (ELEMENT HTML)

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom de la propriété qui permet à l'élément DIV d'accéder à son dernier fils (ELEMENT HTML)

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Comment modifier le document ?

Comment modifier le style du document ?

Choisir une ou plusieurs réponses (540)

Cocher les méthodes que vous connaissez pour modifier le style du document :

Ajouter ou supprimer une classe avec la propriété classList

Modifier l'attribut HTML style avec la propriété Javascript style

Modifier l'attribut HTML style avec la propriété setAttribute sur style

Modifier en Javascript la feuille de style

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (541)

Que fait ce script ?

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> </head> <body> <p>Premier paragraphe</p> <p>Deuxième paragraphe</p> <p>Troisième paragraphe</p> <script> var elts = document.getElementsByTagName('p'); elts[1].style.color = 'red'; </script> </body> </html>

Il modifie la couleur du deuxième paragraphe en rouge

Il passe par la propriété Javascript style pour accéder à la propriété color de paragraphe

La propriété Javascript style permet d'accéder à l'attribut style d'un élément HTML

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom de la propriété qui permet d'accéder à la table des feuilles de style

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom de la propriété qui permet d'accéder à la table des règles d'une feuille de style ?

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Ecrire comment accéder à la 3ième règle de la première feuille de style ?

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Ecrire l'instruction complète qu'il faut ajouter pour ajouter la classe underline

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <style> .font-large { font-size:3em; } .color-red { color : red; } .underline { text-decoration : underline; } </style> </head> <body> <p class='font-large color-red'>Un paragraphe</p> <script> let elt = document.querySelector('p'); // Ci dessous l'instruction à ajouter </script> </body> </html>

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Ecrire l'instruction complète qu'il faut ajouter pour supprimer la classe underline

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <style> .font-large { font-size:3em; } .color-red { color : red; } .underline { text-decoration : underline; } </style> </head> <body> <p class='font-large color-red underline'>Un paragraphe</p> <script> let elt = document.querySelector('p'); // Ci dessous l'instruction à ajouter </script> </body> </html>

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom de la méthode de classList qui permet de tester si une classe est présente ou pas ?

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quel est le nom de la méthode de classList qui permet de placer une classe si elle n'y est pas et inversement ?

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Comment travailler avec les événements ?

Politique de confidentialité

Mentions Légales