Método remove() de HTML DOMTokenList

Definición y uso

El método remove() elimina un (o varios) tokens de DOMTokenList.

Ejemplo

Ejemplo 1

Eliminar la clase "myStyle" del elemento:

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

Prueba tu mismo

Ejemplo 2

Añadir la clase "myStyle" al elemento:

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

Prueba tu mismo

Ejemplo 3

Cambiar el encendido y apagado de "myStyle":

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

Prueba tu mismo

Ejemplo 4

Eliminar múltiples clases del elemento:

element.classList.remove("myStyle", "anotherClass", "thirdClass");

Prueba tu mismo

Ejemplo 5

Obtener la cantidad de nombres de clase del elemento:

let numb = element.classList.length;

Prueba tu mismo

Ejemplo 6

¿Tiene el elemento la clase "myStyle"?

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

Prueba tu mismo

Ejemplo 7

Si el elemento tiene la clase "myStyle", eliminar "anotherClass".

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

Prueba tu mismo

Sintaxis

domtokenlist.remove(token, ...)

Parámetros

Parámetros Descripción
token Obligatorio. El marcador (token) que se debe eliminar de la lista.

Valor devuelto

Ninguno.

Compatibilidad del navegador

domtokenlist.remove() es una característica del Nivel 4 de DOM (2015).

Es compatible con todos los navegadores:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Admite Admite Admite Admite Admite

Internet Explorer 11 (y versiones anteriores) no admite domtokenlist.remove().

Páginas relacionadas

Atributo length

Método item()

Método add()

Método toggle()

Método forEach()

Método entries()

Método keys()

Método values()

Objeto DOMTokenList