ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ

Удалить класс javascript

Иногда возникает ситуация. Что требуется просто убрать, удалить класс, удалить название класса! Не будем называть причины удаления класса – они могут быть разными!

Нам просто нужно удалить класс – давайте сделаем это!

Вчера мы делал страницу о том, как добавлять класс к другому классу и возьмем исходники с той страницы!

Как удалить класс к существующему классу.

1.

Чтобы не повторяться – давайте покрасим цвет текста в синий!

Нам понадобится див с классом и со стилями..

Результат:

Здесь текст, который покрашен в синий

Класс стилей:

<style>.example{color: blue;}</style>

Еще нам понадобится идентификатор(id) (как вариант удаления класса)
Добавим идентификатор id="change"

Получим код дива:

<div class="example" id="change">Здесь текст, который покрашен в синий</div>

2.

Ползучем все, что есть в в идентификатора и заменяем и удалим класс, который у нас есть в этом идентификаторе:

<script>var element = document.getElementById("change"); element.classList.remove("example"); </script>

Результат:

Здесь текст, который изменился от первоначального из-за удаления класса, который отвечал за цвет js(javascript)

Код будет выглядеть таким образом:

<div class="" id="change">Здесь текст, который изменился от первоначального из-за удаления класса, который отвечал за цвет js(javascript)</div>

Процесс: var element = document.getElementById("change"); element.classList.remove("example");
1. Для поднимания процесса используйте : console.log (element);
2. Или alert : alert(element);
3. var element : переменные
4. document.getElementById("change"); : document.getElementById
5. element.classList.remove("example"); : удаление класса в id.
Написать комментарий.
С вашими куками, что-то не то..., попробуете перезагрузить страницу..