Изменение стиля элемента
Урок 4 из 13 курса Методы JavaScript DOM на Coddy.
Следующее свойство, которое мы изучим, — это style, которое отвечает за изменение существующего стиля. Вы можете изменить стилизацию следующим образом:
const element = document.getElementById("elementID");
element.style.color = "green";После выполнения этого кода цвет #elementID изменится на green.
Задание
ЛегкоВам предоставлен HTML-код, содержащий div с идентификатором (ID).
Используя только JavaScript, измените цвет фона этого div на "red":
- Получите элемент с помощью функции
getElementById. - Измените стиль цвета фона элемента, используя свойство
style.backgroundColor.
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<div id="box" style="width: 100px; height: 100px;">Content</div>
<script src="script.js"></script>
</body>
</html>Все уроки раздела Методы JavaScript DOM
2Методы DOM I
getElementByIdИзменение стиля элементаgetElementsByClassNameПеребор и манипуляция элементамиgetElementsByTagNamequerySelector