Javascript Comment?

Question

Je suis un javascript noob.

Je voudrais sélectionner le second élément 'p' de la div.box. Comment est-ce que je fais ceci?

Merci beaucoup! Tom

Answer 1

Sans utiliser jQuery, la méthode de base serait d'attacher un identifiant unique à votre élément Dom

<p id="second_p_elmt"> [...] </p> 

puis d'y accéder par la méthode getElementById():

<script ...> 
    var second_p_elmt = document.getElementById('second_p_elmt'); 
</script> 

Answer 2

Pour obtenir le deuxième élément p de div avec la boîte de classe que vous feriez:

var paragraph = null; 
var divs = document.findElementsByTagName('div'); 
for (var i = 0; i < divs.length; i++) { 
    var div = divs[i]; 
    if (div.class == 'box') { 
     var paragraphs = div.getElementsByTagName('p'); 
     if (paragraphs.length > 1) 
      paragraph = paragraphs[1]; 
     break; 
    } 
} 

Le paragraphe serait alors dans la variable paragraph (ou null s'il n'était pas trouvé).

Cependant, vous pouvez le faire beaucoup plus facile avec une bibliothèque, comme jQuery:

var paragraph = $('div.box p:eq(1)'); 

Answer 3

<script type="text/javascript"> 
    var boxElem = document.getElementById('box'), 
     pElems = boxElem.getElementsByTagName('p'), 
     whatYouWant = pElems[1]; // [1] is the second element in the response from getElementsByTagName 
</script> 

Answer 4

Vous avez plusieurs options. Comme indiqué ci-dessus, vous pouvez utiliser l'un des excellents frameworks, comme jQuery ou le prototype. Ou vous donnez le <p/> un ID, que vous pouvez utiliser simplement avec document.getElementById(). Ensuite, comme le souligne reko_t, sans ce qui précède, vous devez écrire un long code de déplacement DOM (ce qui est préférable, si vous n'utilisez pas les frameworks JS ailleurs, en les intégrant uniquement pour cette tâche).

Dans les navigateurs les plus récents (à savoir, IE> = 8, FF> = 3.5, récemment Opera et Safari> 3) vous pouvez également utiliser ce simple extrait:

var p = document.querySelectorAll("div.box p");