Sélectionner un élément à partir d'une balise div

Question

Comment puis-je sélectionner la première balise avec le nom d'ID du centre dans l'échantillon sous le code?

<div id=first> 
    <div id=center></div> 
</div> 
<div id=first> 
    <div id=center></div> 
</div> 

Answer 1

div = document.getElementById("center"); 

Je suppose que vous copier-collé deux fois qui est la raison pour laquelle le code est dupliqué. Si ce n'est pas le cas, vous devez changer ces ID en classes (l'ID doit être unique dans un document).

En outre, de mettre des guillemets autour des attributs (id="center")

Answer 2

Les identifiants sont censés être uniques. Corrigez d'abord votre code HTML.

http://www.w3.org/TR/html401/struct/global.html#h-7.5.2

Answer 3

Vous n'avez pas, ce n'est pas la norme HTML.

L'attribut id spécifie un identifiant unique pour un élément HTML. L'ID doit être unique dans le document HTML.

http://www.w3schools.com/tags/att_standard_id.asp

Answer 4

La première chose, s « id » sont uniques, ce qui signifie que vous ne devriez jamais avoir deux balises avec le même identifiant. Vous devriez plutôt utiliser des classes, qui sont destinées à des balises ayant plusieurs points communs.

Deuxièmement, je chercherais sur la validation XHTML, comme celle ci-dessus est invalide:

http://www.w3schools.com/xhtml/

Je ne sais pas si cela va résoudre votre problème ou non. Si vous utilisez jQuery vous pouvez faire quelque chose de simple comme:

$('.center:first') 

Votre HTML pourrait ressembler à ceci:

<div class="first"> 
    <div class="center"></div> 
</div> 
<div class="first"> 
    <div class="center"></div> 
</div> 

Answer 5

Vous pouvez utiliser Prototype pour sélectionner cet élément - mais il n'est pas valide HTML nommer différents nœuds du même identifiant.

utilisant Prototype pour sélectionner le premier en utilisant votre code

$$("#center")[1]; 

Si vous devez les garder utiliser ensemble une classe, vous pouvez boucle à travers eux comme ce

$$(".center").each(function(item){ 
    //Fun scripts 
});