Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

DOM manipulation

Total questions: 13

Worksheet time: 7mins

Name
Class
Date
1.

Le code suivant n'est pas clair !

Vous souhaitez modifier la taille de la police d’un élément.

Rétablissez le bon ordre :

a)

document.

b)

getElementById('test')

c)

.style.

d)

fontSize

e)

= "20px"

1)
2)
3)
4)
5)
2.

Vous voulez ajouter une classe à l’élément #test.

Entrez le code correspondant!

(a)  

3.

Compléter les éléments de code manquants :

let note = document.getElementsBy​ (a)   Name("badge") (b)   ;

note.​ (c)   .color = "blue";

note.​ (d)   .add("special");

note.style.​ (e)   = "red";

Choose from the below words
Class
[0]
style
classList
backgroundColor
Element
ID
classlist
Tag
background-color
4.

Choisissez la bonne commande pour supprimer une CLASSE d’un élément

a)

classList.add();

b)

classList.remove();

c)

classList.delete();

d)

classList.toggle()

5.

Choisissez l’orthographe correcte pour changer la propriété css font-size d'un element :

document.getElemtById("element1").

a)

css.font-size

b)

style.fontSize

c)

style.fontsize

d)

font-size

6.

Les paramètres CSS ajoutés avec element.style sont sauvegardés dans le code CSS à vie.

a)

Vrai

b)

Faux

7.

classList permet d’ajouter ou de supprimer une seule classe à la fois

a)

Vrai

b)

Faux

8.

Vous voulez supprimer la classe "super" de la variable note = document (a)  

donner le code correct :

9.

Assignez les instructions de code respectives pour savoir si

DANS LE FICHIER HTML OU DANS LE FICHIER CSS.

Insérez l’élément avec (1) à gauche, (2) à droite.

a)

note.classList.add("super"); (1)

1.

CSS

b)

note.classList.add("test"); (2)

2.

CSS

c)

note.style.

background

Color = "red"; (1)

3.

HTML

d)

note.style.

color = "blue"; (2)

4.

HTML

10.

Vous voulez affecter les classes SUPER et TEST à un élément.

Choisissez la bonne syntaxe !

a)

element.classList.

add("super", "test");

b)

element.classList.

add("super, test");

c)

element.classList.

add("super" + "test");

11.

Utilisez la méthode getElementById pour trouver l’élément <p> et changez son texte en "Bonjour".




(a)  

12.

Utilisez la méthode getElementsByTagName pour trouver le premier élément <p> et changez son texte pour "Hello".



(a)  

13.

Modifiez le texte du premier élément dont le nom de classe est "test".

(a)