javascript - 使用 Javascript 将 `Div.backgroundColor` 更改为 `Element.backgroundColor`

Question

我想#Content.backgroundColor改用elem.backgroundColorJavaScript。

这是 HTML 代码：

<button class="red"   onClick="changeColor(this);">Btn1</button>
<button class="blue"  onClick="changeColor(this);">Btn2</button>
<button class="green" onClick="changeColor(this);">Btn3</button>
<div id="Content"></div>

这是CSS代码：

.red {
    background-color: #ff0000;
}
.blue {
    background-color: #0000ff;
}
.green {
    background-color: #00ff00;
}
#Content {
    background-color: #000;
    width: 150px;
    height: 150px;
}

JS代码在这里：（我的问题在这里）

function changeColor(elem){
document.getElementById("Content").style.backgroundColor = elem.style.backgroundColor;    
}

JsFiddle 中的演示。

我究竟做错了什么 ？

Answer 1

style属性映射到属性，而style不是通过运行级联计算的 CSS 属性的值。

您需要检查计算的样式。