Javascript добавить класс
Давайте разберемся, как можно изменить класс в javascript – на самом деле это очень просто! И разберем добавление класса на примерах.
Как добавить класс к существующему классу.
Чтобы добавить класс к нашему, уже существующему классу - нам понадобится див(div) – например такой:
Здесь текст, который покрашен по уморочанию в красный
Код дива:
<div class="example" >Здесь текст, который покрашен по уморочанию в красный</div>
Класс дива:
<style>.example{color: red;}</style>
Давайте изменим эту ситуацию!
Добавим класс, который и будем добавлять в наш див -
Получим:
<style>.example{color: red;} .example.add_style{color: green;}</style>
Добавим идентификатор Получим:
<div class="example" id="change">Здесь текст, который изменен на другой цвет с помощью добавления класса через js(javascript)</div>
И теперь напишем скриптик на js
<script type="text/javascript">var element = document.getElementById("change"); element.classList.add("add_style");</script>
Результат:
Здесь текст, который изменен на другой цвет с помощью добавления класса через js(javascript)
Код результата:
<div class="example add_style" id="change">Здесь текст, который изменен на другой цвет с помощью добавления класса через js(javascript)</div>
Может быть следующая тема… изменения класса при клике!?
Сообщений пока нет - Вы можете стать первым
BBcode
js добавить класс js добавить класс элементу добавить класс через js js добавить класс активному javascript добавить класс javascript добавить класс к элементу