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!