DOMTokenList: метод remove()

Метод remove() интерфейса DOMTokenList удаляет указанные токины из списка.

token1, …, tokenN

Строка, представляющая токен, который вы хотите удалить из списка. Если строка отсутствует в списке, ошибка не возникает, и ничего не происходит.

None (undefined).

В следующем примере мы получаем список классов, установленных для элемента <span>, как DOMTokenList с помощью Element.classList. Затем мы удаляем токен из списка и записываем список в Node.textContent элемента <span>.

Сначала HTML:

<span id="ab" class="a b c"></span> <span id="a" class="a b c"></span>

Теперь JavaScript:

const span = document.getElementById("ab");
const classes = span.classList;
classes.remove("c");
span.textContent = classes;

Чтобы удалить сразу несколько классов, вы можете указать несколько токенов. Порядок, в котором вы указываете токены, не должен совпадать с порядком их появления в списке:

const span2 = document.getElementById("a");
const classes2 = span2.classList;

classes2.remove("c", "b");
span2.textContent = classes2;

Вывод выглядит так: