Как добавить класс элементу по id с помощью javascript

5351

В этой коротенькой статье рассмотрим, как с помощью javascript и метода classList.add найти на странице сайта элемент по id и добавить ему необходимый класс.

Допустим, у нас есть элемент с id "#button".

<div id="button">кнопка</div>

Добавим ему класс с помощью метода classList.add:

<script>
$(document).ready(function() {
var elem = document.getElementById("button"); // находим элемент
elem.classList.add("mask"); // добавляем класс
})
</script>

Зададим стили для класса

<style>
.mask {
background:red
}
<style>

В результате скрипт найдет наш элемент по id, добавит ему класс и сделает его красным.

кнопка

Добавить комментарий

Ваш адрес email не будет опубликован.

*
code