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 Javascript
:
Ver original//Pinto al primer <div> de rojo
document.querySelector(".foo:nth-child(1)").style.background = "red";
//Pinto al tercer <div> de verde
document.querySelector(".foo:nth-child(3)").style.background = "green";
Saludos