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

Question

我想使用 JavaScript 将 #Content.backgroundColor 更改为 elem.backgroundColor。

这里是 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;    
}

DEMO in JsFiddle.

我做错了什么？

Answer 1

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

您需要检查 the computed style .