Hola.
Soy novato en javascript y pues solicito su ayuda urgente, les explico mi problema.
Tengo un menu lateral, el cual esta maquetado por puros divs y quiero aplicarle a cada div las propiedades onmouseover y onmouseout, este es el codigo que he estado manejando pero solo hace efecto a un solo div(al primero) y al resto no. El codigo es el sgte:
function resaltar(elEvento)
{
var evento = elEvento || window.event;
switch(evento.type)
{
case 'mouseover':
this.style.backgroundColor = 'black';
break;
case 'mouseout':
this.style.backgroundColor = 'blue';
break;
}
}
window.onload = function(){
document.getElementById("seccion").onmouseover = resaltar;
document.getElementById("seccion").onmouseout = resaltar;
}
<div id="seccion" class="menu"></div>
<div id="seccion" class="menu"></div>
<div id="seccion" class="menu"></div>
.......
.......
He aplicado un for a los document.getElementById... previamente cambiando el id de los divs siendo estos numeros enteros empezando en 0.
Ojala puedan ayudarme ya que esto me tiene parado, tal vez las soluciones que tienen vayan por el mismo camino que ya comente pero no he tenido fortuna en conseguirlo.
Muchas Gracias.
Saludos.