Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/11/2008, 03:33
farve
 
Fecha de Ingreso: marzo-2005
Mensajes: 130
Antigüedad: 19 años, 8 meses
Puntos: 1
Cambiar clase (o solo background) a varios elementos al onclick

Hola

Lo que quiero es que al hacer click en un elemento este cambie su background-color.

Para eso podria hacer:
Código:
<p onclick = "this.style.backgroundColor='#F00'">Blabla</p>
Pero quiero que se cambie a varios elementos

es decir, si tengo esto:

Código:
<p class="a">Bla Bla</p>
<p class="b">Bla Bla</p>
<p class="c">Bla Bla</p>

<p class="a">Bla Bla</p>
<p class="b">Bla Bla</p>
<p class="c">Bla Bla</p>
que al hacer click en ".a" se cambien los 2 parrafos con clase "a"
Si le das a ".b", igual, que cambie de color los dos parrafos con class "b"
y si le das a ".c", lo mismo.

he estado mirando varias formas pero, ninguna es la que busco al 100%.
En esta (http://javascript.espaciolatino.com/trucos/t29.htm) usan id:
Código:
document.getElementById('par').className = 'invertir'
por lo que no podria hacerlo para varios elementos.

Y en este otro post, realmente no se muy bien que hace el script:
modificar-clase-css-con-javascript

Lo de cambiar el color, podria ser por medio del estilo del elemento, o cambiando el class de este, y que el nuevo class, ya este definido.

Saludos y gracias!