javascript - 无法返回 HTML 元素的 css 属性

Question

HTML中有一个元素:<div id="block"></div> ，它是通过 CSS 实现的属性:

#block { 
    background: red;
 }

如果我想在 JavaScript 中将 CSS 的属性分配给某个变量，如下所示:

var value = document.getElementById('block').style.background // It doesn't work

如何解决这个问题？

Answer 1

您可以使用getComputedStyle :

var value = window.getComputedStyle(document.getElementById('block')).getPropertyValue("background-color");
console.log(value);