Как получить цвет div блока на javascript?
2 ответа
от
kenya ,
2 года назад
@gussie.jones
Для получения цвета фона элемента div на JavaScript можно использовать свойство backgroundColor. Например:
1 2 3 |
var div = document.getElementById("myDiv"); var color = div.style.backgroundColor; console.log(color); // выводим цвет в консоль |
Если же стили элемента определены во внешнем файле CSS, то можно использовать метод getComputedStyle():
1 2 3 4 |
var div = document.getElementById("myDiv"); var style = window.getComputedStyle(div); var color = style.getPropertyValue("background-color"); console.log(color); // выводим цвет в консоль |
от
brenna ,
2 года назад
@gussie.jones
Вот пример, как получить цвет фона div блока с id "myDiv":
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<!DOCTYPE html>
<html>
<head>
<title>Get Color of Div Element</title>
<style>
#myDiv {
background-color: blue;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div id="myDiv"></div>
<script>
var div = document.getElementById("myDiv");
// Метод 1: через свойство backgroundColor
var color = div.style.backgroundColor;
console.log(color);
// Метод 2: через getComputedStyle
var style = window.getComputedStyle(div);
var computedColor = style.getPropertyValue("background-color");
console.log(computedColor);
</script>
</body>
</html>
|
При загрузке этой страницы цвет задан как синий, и оба метода должны вывести "blue" в консоль.
15