Como adicionar classe

Adicionar classe

Primeiro passo - Adicionar HTML：

Adicionar classe a id="myDIV" do elemento div (neste exemplo, usamos um botão para adicionar a classe).

<button onclick="myFunction()">Experimente</button>
<div id="myDIV">
  Este é um elemento DIV.
</div>

Segundo passo - Adicionar CSS：

Definir o estilo da classe especificada：

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

Terceiro passo - Adicionar JavaScript：

Obter id="myDIV" do elemento <div>，e adicione "mystyle" Classe：

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

Experimente pessoalmente

Páginas relacionadas

Tutorial：Como alternar a classe

Tutorial：Como excluir a classe

Manual de referência：Atributo classList do Elemento DOM HTML

Manual de referência：Atributo className do Elemento DOM HTML