CSSStyleDeclaration getPropertyValue() 方法

简介

CSSStyleDeclaration 的 getPropertyValue() 方法返回指定 CSS 属性的值。

var style = window.getComputedStyle(element);
var value = style.getPropertyValue(property);

语法

语法如下：

var value = style.getPropertyValue(property);

参数说明：

• property: 要作为字符串指定的 CSS 属性名称。

返回值：

返回字符串类型的 CSS 属性值。如果该属性不存在，则返回空字符串。

示例

假设我们有以下 HTML 和 CSS：

<div id="example" style="background-color: red; color: white;"></div>

#example {
    width: 100px;
    height: 100px;
}

我们可以使用以下代码获取该元素的背景颜色：

var element = document.getElementById("example");
var style = window.getComputedStyle(element);
var backgroundColor = style.getPropertyValue("background-color");
console.log(backgroundColor); // 输出 "rgb(255, 0, 0)"

注意：由于浏览器的差异，getPropertyValue() 方法返回的 CSS 属性值可能在不同浏览器下不同，需要进行适当的处理。