getPropertyValue("backgroundColor") returns 空字符串

Question

这是我的问题：

var mycss = window.getComputedStyle(myelement);

returns 一个 CSSStyleDeclaration 对象：

CSSStyleDeclaration {0: "animation-delay",..., backgroundColor: "rgb(0, 0, 0)",...}

然后，我想获取背景颜色，但是

mycss.getPropertyValue("backgroundColor");

returns 空字符串 ""!

为什么？？

Answer 1

而不是

mycss.getPropertyValue("backgroundColor");

使用

mycss.getPropertyValue('background-color')

这对我有用。

Answer 2

在您的 CSSStyleDeclaration 中，您需要将 'backgroundColor' 更改为 'background-color'，然后调用

mycss.getPropertyValue('background-color')

一个例子： HTML:

<head><style>
body {
    background-color: lightblue;
}
</style>
</head>
<body id="body">
  hello world
</body>

然后调用 getPropertyValue:

var mycss = window.getComputedStyle(document.getElementById("body"));
myelement.innerHTML = mycss.getPropertyValue("background-color");

getPropertyValue("backgroundColor") returns an empty string