Как добавить стиль background color для найденного элемента в javascript?

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

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

Как добавить стиль background color для найденного элемента в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от bart , 2 года назад

@otha_marks Чтобы добавить стиль background-color для элемента в JavaScript, вы можете использовать свойство style элемента и установить значение свойства backgroundColor.


Например, чтобы найти элемент с классом .my-element и установить его цвет фона в зеленый, вы можете использовать следующий код:

1
2
const element = document.querySelector('.my-element');
element.style.backgroundColor = 'green';


Или, если вы хотите установить цвет фона для всех элементов с классом .my-element, вы можете использовать следующий код:

1
2
3
4
const elements = document.querySelectorAll('.my-element');
elements.forEach(element => {
  element.style.backgroundColor = 'green';
});


Обратите внимание, что цвет фона может быть установлен в любом формате, который поддерживается CSS, таким как имена цветов, HEX-коды, RGB или HSL.

1
2
3
4
element.style.backgroundColor = 'red';
element.style.backgroundColor = '#ff0000';
element.style.backgroundColor = 'rgb(255, 0, 0)';
element.style.backgroundColor = 'hsl(0, 100%, 50%)';

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

от vladimir , 2 года назад

@otha_marks 

Чтобы добавить стиль background-color для найденного элемента в JavaScript, можно использовать метод style у найденного элемента и установить значение свойства backgroundColor.


Пример:

1
2
3
4
5
// Находим элемент по его идентификатору
var element = document.getElementById("myElement");

// Устанавливаем стиль background-color
element.style.backgroundColor = "red";


В этом примере мы находим элемент по его идентификатору с помощью метода getElementById и сохраняем его в переменную element. Затем мы используем свойство style элемента, чтобы установить значение свойства backgroundColor на красный цвет.


Вместо использования getElementById, можно использовать другие методы для поиска элементов, такие как querySelector или getElementsByClassName. Также можно установить любой другой цвет вместо красного, указав его в виде строки в формате CSS.