javascript - 使用 Javascript 获取背景颜色属性的两种方法

Question

background-color使用 Javascript获取属性有两种方法：

• var bcolor = window.getComputedStyle(elem).getPropertyValue("background-color");
• var bcolor = elem.style.backgroundColor;

他们之间有什么区别？

标签： javascriptcssproperties

Answer 1

签出此链接

getComputedStyle() 方法用于获取所有计算的 CSS 属性和指定元素的值。计算样式的使用是在应用了来自多个来源的样式后显示元素。getComputedStyle() 方法返回一个 CSSStyleDeclaration 对象。

换句话说，两个调用的返回值可能不同，因为计算的样式将是对元素应用所有规则的结果。元素 CSS 读取我们直接在元素上设置的内容，这些内容可以被另一个元素（例如其父元素）上的另一个规则覆盖。