Método add() de HTML DOMTokenList

Definición y uso

add() El método agrega un (o varios) marcadores (tokens) a DOMTokenList.

Ejemplo

Ejemplo 1

Agregar la clase "myStyle" al elemento:

const list = element.classList;
list.add("myStyle");

}

Ejemplo 2

Eliminar la clase "myStyle" del elemento:

const list = element.classList;
list.remove("myStyle");

}

Ejemplo 3

Cambiar el encendido y apagado de "myStyle":

const list = element.classList;
list.toggle("myStyle");

}

Ejemplo 4

Agregar múltiples clases al elemento:

const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");

}

Ejemplo 5

Obtener la cantidad de marcas de clase del elemento:

const list = element.classList;
let numb = list.length;

}

Ejemplo 6

Obtener la marca de clase del elemento "myDIV":

const list = document.getElementById("myDIV").classList;

}

Ejemplo 7

Obtener la marca de clase del elemento "myDIV":

let className = element.classList.item(0);

}

Ejemplo 8

¿El elemento tiene la marca de clase "myStyle"?

let x = element.classList.contains("myStyle");

}

Ejemplo 9

Si el elemento tiene la marca de clase "myStyle", elimina "anotherClass".

if (element.classList.contains("mystyle")) {
  element.classList.remove("anotherClass");

}

Prueba personalmente

Sintaxisdomtokenlisttoken.add(

)

) Descripción
token Obligatorio. La marca que se debe agregar a la lista.

Valor devuelto

Ninguno.

Compatibilidad del navegador

domtokenlist.add() Es una característica del nivel DOM 4 (2015).

Es compatible con todos los navegadores:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Compatible Compatible Compatible Compatible Compatible

Internet Explorer 11 (y versiones anteriores) no es compatible domtokenlist.add().

Páginas relacionadas

Atributo length

Método item()

Método remove()

Método toggle()

Método replace()

Método forEach()

Método entries()

Método keys()

Método values()

Objeto DOMTokenList