Selecionar segundo y tercero div con mismo id

[riscking]

Código:

<div id="banner2p">
<a href="xxxx" target="_blank">
<div id="banner2p">
<a href="xxxx" target="_blank">
<div id="banner2p">
<a href="xxxx" target="_blank">

Hola amigos tengo este ejemplo y quiero saber como slecionar el segundo o tercero div.

con getElementById("banner2p") me coge solo el primero y con

alert(getElementsByTagName("banner2p")[0].innerHTML); da error.

Se que hago algo mas pero no se como hacerlo, como hacer el selecto hacia el segundo o tercero.
quiero cambiar el contenido de href de los a.

gracias de antemano.

[__SDP__]

estimado,


el id debe ser unico por eso toma solo el primero en otras palabas debes tener solo uno con ese nombre.



document.getElementsByTagName('elemento')[índice_del_elemento];


bye.

[Alexis88]

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:

<div class = "foo"></div>
<div class = "foo"></div>
<div class = "foo"></div>
 

Código Javascript:

//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