Ver Mensaje Individual
  #3 (permalink)  
Antiguo 24/03/2015, 20:23
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Selecionar segundo y tercero div con mismo id

Para empezar, es incorrecto asignar el mismo id a más de un elemento en el mismo documento. Ya desde ahí estamos mal.

Lo que te conviene hacer es asignar una misma clase a los elementos que deseas afectar (porque eso sí es correcto) y luego tomar a los elementos en cuestión con el método querySelector el cual permite utilizar selectores CSS, que son precisamente los que necesitas para realizar la selección de elementos de una manera más fácil.

Código HTML:
Ver original
  1. <div class = "foo"></div>
  2. <div class = "foo"></div>
  3. <div class = "foo"></div>

Código Javascript:
Ver original
  1. //Pinto al primer <div> de rojo
  2. document.querySelector(".foo:nth-child(1)").style.background = "red";
  3.  
  4. //Pinto al tercer <div> de verde
  5. document.querySelector(".foo:nth-child(3)").style.background = "green";

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand