Как узнать цвет фона DOM-элемента?
Напишу как НЕ работает:
Если зайти на https://www.cnbc.com/world/?region=world, то там вверху синяя шапка. Я в консоли Developer Tools в Хроме ввёл следующий код:
document.addEventListener("click", function(){
let element = event.target;
while(element !== document){
console.log(element.style.backgroundColor);
element = element.parentNode
}
}
);
Итог: если кликнуть на синюю шапку, то консоль 18 раз напишет пустую строку. Как узнать через JavaScript, что цвет этой полоски синий? |
Нашёл такой способ:
document.addEventListener("click", function(){
let element = event.target;
while(element !== document){
console.log(window.getComputedStyle(element, null).getPropertyValue("background-color"));
element = element.parentNode
}
}
);
|
Цитата:
<div id='element' style='background-color: red;'>Test</div> <script> var val=element.style.backgroundColor; alert(val); </script> |
| Часовой пояс GMT +3, время: 04:59. |