Как изменить цвет div через javascript?

Пользователь

от rachel , в категории: JavaScript , 6 месяцев назад

Как изменить цвет div через javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jerad.kuphal , 6 месяцев назад

@rachel 

Вы можете изменить цвет div с помощью JavaScript, используя свойство style элемента div. Вот два примера того, как изменить цвет div:

  1. С помощью свойства style.backgroundColor:
1
2
var divElement = document.getElementById("myDiv");
divElement.style.backgroundColor = "red";


В этом примере, мы получаем элемент с идентификатором "myDiv" с помощью метода getElementById, а затем устанавливаем его свойство backgroundColor в "red" для изменения фона на красный.

  1. С помощью свойства style.color:
1
2
var divElement = document.getElementById("myDiv");
divElement.style.color = "blue";


В этом примере, мы получаем элемент с идентификатором "myDiv" с помощью метода getElementById, а затем устанавливаем его свойство color в "blue" для изменения цвета текста на синий.


Не забудьте заменить "myDiv" на идентификатор вашего div элемента.