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

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

от rachel , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от jerad.kuphal , год назад

@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 элемента.

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

от magdalen_kub , 5 месяцев назад

@rachel 

Если у вас есть следующий HTML-код:

1
<div id="myDiv">Пример div</div>


Вы можете использовать следующий JavaScript-код, чтобы изменить цвет div:

1
2
var divElement = document.getElementById("myDiv");
divElement.style.backgroundColor = "red";


Этот код изменит фон вашего div элемента на красный. Вам нужно обновить значение "red" на желаемый цвет в формате, который поддерживает CSS (например, названия цветов, hex или rgb значения).