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

Question

使用Javascript获取background-color属性有两种方式:

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

它们有什么区别？

Answer 1

检查这个 link

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

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