Hola. tengo este div:
Código HTML:
<div class="evento" onmouseover="cambiarColor(this);" onmouseout="volverColor(this);">
<div class="fotoEvento"><img src="imagenes/fotoEvento.jpg" alt="Foto Evento" /></div>
<div class="descripcionEvento" id="descripcionEvento">
<p>Exposición <strong>"José Luis Pascual" </strong><br />3 Punts Galeria, C/Aribau 75, h</p>
</div>
</div>
que cuando se le pasa el mouse por encima al div clas="evento" ejecuta las siguientes funciones y cambia el color del div.
Código Javascript
:
Ver originalfunction cambiarColor(div){
div.style.backgroundColor='#231F20';
}
function volverColor(div){
div.style.backgroundColor='white';
}
Lo que intento hacer es que tambien al pasarle el mouse por encima se le cambie el color de la letra del p dentro del div class="descripcionEvento". He probado con
document.getElementById("descripcionEvento").style .color='white'; pero nada...
¿Alguien tiene idea de como lo puedo lograr?
Muchas gracias!