| | | | | |
Удалить класс javascript
2019/01/03
Марат
149
0
JS |
Иногда возникает ситуация. Что требуется просто убрать, удалить класс, удалить название класса! Не будем называть причины удаления класса – они могут быть разными!
Нам просто нужно удалить класс – давайте сделаем это!
Вчера мы делал страницу о том, как
добавлять класс к другому классу и возьмем исходники с той страницы!
Как удалить класс к существующему классу.
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.
С вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
удалить класс javascriptjavascript удалить класс элементаjavascript добавлять удалять классы