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

`使用Javascript将Div.backgroundColor`更改为`Element.backgroundColor`,javascript,html,Javascript,Html,我想使用JavaScript将#Content.backgroundColor更改为elem.backgroundColor 以下是HTML代码: <button class="red" onClick="changeColor(this);">Btn1</button> <button class="blue" onClick="changeColor(this);">Btn2</button> <button class="gree

我想使用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>
JS代码在这里:(我的问题在这里)


我做错了什么?

属性映射到
style
属性,而不是通过级联计算得到的CSS属性值


您需要检查。

style
属性映射到
style
属性,而不是通过级联计算得出的CSS属性值

你需要检查一下

.red {
    background-color: #ff0000;
}
.blue {
    background-color: #0000ff;
}
.green {
    background-color: #00ff00;
}
#Content {
    background-color: #000;
    width: 150px;
    height: 150px;
}
function changeColor(elem){
document.getElementById("Content").style.backgroundColor = elem.style.backgroundColor;    
}