wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Quiz sobre classList en JavaScript

Total questions: 20

Worksheet time: 13mins

Name
Class
Date
1.

¿Qué permite manipular la propiedad classList en JavaScript?

a)

Cambiar el tipo de un elemento

b)

Modificar el contenido de un elemento

c)

Eliminar un elemento del DOM

d)

Manipular las clases CSS de un elemento HTML

2.

¿Cuál de los siguientes métodos no es parte de classList?

a)

toggle()

b)

append()

c)

remove()

d)

add()

3.

¿Qué hace el método toggle() en classList?

a)

Añade una clase si no está presente, la elimina si ya está

b)

Elimina una clase de un elemento

c)

Añade múltiples clases a un elemento

d)

Reemplaza una clase existente

4.

¿Cuál es una ventaja de usar classList en lugar de className?

a)

Requiere más código

b)

Es más difícil de usar

c)

Es más eficiente y legible

d)

No permite manipular clases

5.

¿Qué método se utiliza para eliminar una clase de un elemento?

a)

contains()

b)

toggle()

c)

remove()

d)

add()

6.

¿Cuál es un caso de uso común de classList?

a)

Cambiar el tipo de un elemento

b)

Modificar el texto de un elemento

c)

Alternar clases para mostrar u ocultar elementos

d)

Crear nuevos elementos en el DOM

7.

¿Qué hace el método add() en classList?

a)

Reemplaza una clase existente

b)

Alterna una clase

c)

Añade una o más clases a un elemento

d)

Elimina una clase de un elemento

8.

¿Qué propiedad se utiliza para acceder a las clases de un elemento?

a)

style

b)

attributes

c)

classList

d)

className

9.

¿Cuál de las siguientes afirmaciones es correcta sobre classList?

a)

Permite manipular clases sin concatenar cadenas de texto

b)

Es más difícil de leer que className

c)

No permite añadir múltiples clases a la vez

d)

No es soportado por navegadores modernos

10.

¿Qué se necesita para que classList funcione correctamente?

a)

Un navegador moderno

b)

Un servidor web

c)

Un archivo CSS

d)

Un archivo HTML

11.

¿Cuál es el resultado de usar classList.toggle('clase') en un elemento que ya tiene 'clase'?

a)

La clase se añade

b)

La clase se elimina

c)

No ocurre nada

d)

Se lanza un error

12.

¿Qué método de classList permite añadir múltiples clases a la vez?

a)

add()

b)

append()

c)

insert()

d)

addMultiple()

13.

Propiedad que permite manipular clases sin concatenar cadenas de texto.

(a)  

14.

¿Qué método de classList permite añadir múltiples clases a la vez?

(a)  

15.

Propiedad que permite manipular clases concatenando cadenas de texto.

(tener en cuenta camelCase)

(a)  

16.

¿Qué método se utiliza para eliminar una clase de un elemento?

(a)  

17.

¿Qué método se utiliza para añadir y eliminar una clase de un elemento como un interruptor?

(a)  

18.

¿Qué método de classList se utiliza para añadir una clase solo si no está presente?

a)

add()

b)

toggle()

c)

insert()

d)

append()

19.

¿Qué método de classList se utiliza para eliminar una clase solo si está presente?

a)

remove()

b)

toggle()

c)

delete()

d)

supr()

20.

¿Cuál es el efecto de usar classList.remove('clase') en un elemento que no tiene 'clase'?

a)

La clase se añade

b)

No ocurre nada

c)

Se lanza un error

d)

La clase se alterna