javascript - getPropertyValue("backgroundColor") returns an empty string

Question

This is my problem:

var mycss = window.getComputedStyle(myelement);

returns a CSSStyleDeclaration object:

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

Then, I want to get the background color, but

mycss.getPropertyValue("backgroundColor");

returns an empty string ""!

Why??

score 2 · Accepted Answer

代替

mycss.getPropertyValue("backgroundColor");

利用

mycss.getPropertyValue('background-color')

这对我有用。

score 1 · Accepted Answer

在您的 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");

2 回答 2