通过使用Javascript单击某些程序来更改两个“ div”的颜色

Question

我有一个问题，我想通过单击一些Java程序来更改两个“ div”的颜色。

function intercambiar() {
  getElementById('micolor').background.color = 'Red'; //error
  getElementById('Rojo').background.color = '#465620';
}

function mensaje() {
  alert("Name");
}

div {
  width: 40%;
  height: 300px;
  border: 1px;
  border-style: solid;
  border-color: black;
  display: inline-block;
  margin: 10px;
}

#Rojo {
  background-color: red;
}

#micolor {
  background-color: #465620;
}

<div id="Rojo" onclick="intercambiar()"></div>
<div id="micolor" onclick="mensaje()"></div>

Answer 1

在.style.backgroundColor元素上使用div。

哦，是document.getElementById而不是[window.]getElementById！

这是工作代码：

function intercambiar() {
 document.getElementById('micolor').style.backgroundColor = 'Red'; //error
 document.getElementById('Rojo').style.backgroundColor ='#465620';
}
function mensaje() {
 alert("Name");
}

div{
 width: 40%;
 height: 300px;
 border: 1px;
 border-style: solid;
 border-color: black;
 display: inline-block;
 margin: 10px;

 }
 #Rojo{
 background-color: red;
 }

 #micolor{
 background-color: #465620; 
}

<div id="Rojo"    onclick="intercambiar()"></div>
<div id="micolor" onclick="mensaje()"></div>