agregando clases a un elemento html con css in javascript

Para agregar una clase a un elemento HTML con JavaScript, puede usar la propiedad classList del elemento. classList proporciona un conjunto de métodos para agregar, eliminar, verificar y alternar clases en un elemento HTML.

Puede agregar una clase a un elemento HTML de la siguiente manera:

index.tsx
const miElemento = document.querySelector('#miElemento');
miElemento.classList.add('mi-clase');
96 chars
3 lines

En el código anterior, usamos el método add del objeto classList para agregar la clase mi-clase al elemento con ID miElemento. También es posible agregar múltiples clases pasándolas como argumentos separados por comas al método add.

Es importante tener en cuenta que el método classList.add solo agrega la clase al elemento si aún no está presente. Si la clase ya está presente, no se agregará una segunda vez.

También puede usar los métodos remove, toggle o contains para eliminar, alternar o verificar clases en el elemento.

index.tsx
miElemento.classList.remove('mi-clase'); // eliminar una clase
miElemento.classList.toggle('mi-clase'); // agregar la clase si no está presente, de lo contrario eliminarla
miElemento.classList.contains('mi-clase'); // verificar si el elemento tiene la clase
258 chars
4 lines