soy novata en esto del JavaScript, y me ha surgido una duda...Necesito cambiar el background-color del elemento padre de unos <div>. Tiene que cambiar por el color del <div>hijo seleccionado, y no tengo ni idea de cómo se puede hacer. Este es el código que tengo:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Herencia de clases</title>
<style type="text/css">
/*** MENU ****/
#menu {
width:100%;
min-width:900px;
height:100px;
float:left;
}
#menu .boton {
width:250px;
height:50px;
background-color:#DCDCDC;
float:left;
margin-left:20px;
text-align:center;
padding-bottom:25px;
}
/*** BOTON 1 ****/
#menu .boton.boton1 {
border:#000000 double 5px;
}
#menu .boton.boton1:hover {
background-image:url(img/boton1.gif);
border-left:#0047f1 double 5px;
border-top:#0047f1 double 5px;
}
#menu .boton.boton1:active {
color:#8B0000;
background-color:#3300CC;
}
/*** BOTON 2 ****/
#menu .boton.boton2 {
border:#000000 dotted 5px;
}
#menu .boton.boton2:hover {
background-image:url(img/boton2.gif);
border:#808000 dashed 3px;
}
#menu .boton.boton2:active {
color:#8B4513;
background-color:#090;
}
</style>
</head>
<body>
<div id="menu">
<a href="#"><div class="boton boton1"><h1>BOTÓN1</h1></div></a>
<a href="#"><div class="boton boton2"><h1>BOTÓN2</h1></div></a>
</div>
</body>
</html>
Se que tengo que usar un "onClick" en ambos "botones", y al pulsar uno de ellos, se debe cambiar el color de fondo del css del elemento padre (boton), y así los botonoes poseen el mismo color.
Gracias de antemano