Come aggiungere una classe

Impara come aggiungere la classe a un elemento con JavaScript.

Clicca sul pulsante per aggiungere la classe a me!

Aggiungi classe

Passo 1 - Aggiungi HTML:

Aggiungi la classe a id="myDIV" all'elemento div (in questo esempio, usiamo un pulsante per aggiungere la classe).

<button onclick="myFunction()">Prova</button>
<div id="myDIV">
  Questo è un elemento DIV.
</div>

Passo 2 - Aggiungi CSS:

Imposta lo stile della classe specificata:

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

Passo 3 - Aggiungi JavaScript:

Ottieni id="myDIV" l'elemento <div> e aggiungi "mystyle" Classe:

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

Prova personalmente

Pagine correlate

Guida:Come cambiare la classe

Guida:Come eliminare la classe

Manuale di riferimento:Proprietà classList dell'elemento DOM HTML

Manuale di riferimento:Proprietà className dell'elemento DOM HTML