Cómo agregar clase

Añadir clase

Primer paso - Añadir HTML：

Añadir clase a id="myDIV" del elemento div (en este ejemplo, usamos un botón para agregar la clase).

<button onclick="myFunction()">Prueba</button>
<div id="myDIV">
  Este es un elemento DIV.
</div>

Segundo paso - Añadir CSS：

Establecer estilos para el nombre de clase especificado：

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

Tercero paso - Añadir JavaScript：

Obtener id="myDIV" del elemento <div>，y añade "mystyle" Clase：

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.add("mystyle");
}

Prueba por tu cuenta

Páginas relacionadas

Tutoriales：¿Cómo cambiar la clase

Tutoriales：¿Cómo eliminar la clase

Manual de referencia：Atributo classList del elemento HTML DOM

Manual de referencia：Atributo className del elemento HTML DOM