Как сделать - добавить класс
Узнайте, как добавить имя класса к элементу с помощью JavaScript.
Нажмите кнопку, чтобы добавить класс ко мне!
Добавить класс
Шаг 1) Добавьте HTML:
Добавьте имя класса в элемент div с id="myDIV" (в этом примере мы используем кнопку для добавления класса).
Пример
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
This is a DIV element.
</div>
Шаг 2) Добавьте CSS:
Стиль указанного имени класса:
Пример
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Шаг 3) Добавьте JavaScript:
Получите элемент <div> с id="myDIV" и добавьте к нему класс "mystyle":
Пример
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.add("mystyle");
}
Совет: См. также Как переключить класс .
Совет: См. также Как удалить класс .
Совет: Узнайте больше о свойстве classList в нашем Справочнике по JavaScript.
Совет: Узнайте больше о свойстве className в нашем Справочнике по JavaScript.