Как добавить класс

Узнайте, как использовать JavaScript для добавления класса к элементам.

нажмите кнопку, чтобы добавить мне класс!

добавить класс

Шаг 1 - Добавление HTML:

добавить класс к id="myDIV" элемент div (в этом примере мы используем кнопку для добавления класса).

<button onclick="myFunction()">попробуйте</button>
<div id="myDIV">
  Это элемент DIV.
</div>

Шаг 2 - Добавление CSS:

установить стиль для указанного класса:

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

Шаг 3 - Добавление JavaScript:

получение id="myDIV" элемент <div>, и добавить к нему "mystyle" класс:

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.add("mystyle");
}

попробуйте сами

Связанные страницы

Учебник:Как изменить класс

Учебник:Как удалить класс

Руководство пользователя:Свойство classList элемента HTML DOM

Руководство пользователя:Свойство className элемента HTML DOM