通过点击一些来改变两个“div”的颜色,通过Javascript编程

问题描述 投票:0回答:1

我有一个问题,我想通过点击一些,通过Javascript程序来改变两个“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>
javascript html
1个回答
2
投票

.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>
© www.soinside.com 2019 - 2024. All rights reserved.