@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); // выводим цвет в консоль |
@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" в консоль.