Как получить цвет div блока на javascript?

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

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

Как получить цвет div блока на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от elian.swift , 7 месяцев назад

@kyleigh_runte 

Для получения цвета фона (background-color) элемента div на JavaScript можно использовать свойство "backgroundColor".


Вот пример кода, который демонстрирует, как получить цвет фона div блока:

1
2
3
4
5
6
7
8
// Получаем элемент div
var divElement = document.getElementById("myDiv");

// Получаем цвет фона div блока
var backgroundColor = window.getComputedStyle(divElement).backgroundColor;

// Выводим цвет фона в консоль
console.log("Цвет фона блока: " + backgroundColor);


В этом примере мы используем метод "getElementById" для получения ссылки на элемент div с идентификатором "myDiv". Затем мы используем метод "getComputedStyle", чтобы получить объект CSSStyleDeclaration, который содержит вычисленные значения всех CSS свойств элемента, включая свойство "backgroundColor".


Затем мы сохраняем значение свойства "backgroundColor" в переменную "backgroundColor" и выводим ее в консоль.