[JS] getElementById('')

Fermé
dpznfj - 22 déc. 2009 à 17:07
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 25 déc. 2009 à 01:18
Bonjour, quand on mais getElementById('') ensuite dans le HTML on doit l'appeler avec id="" mais si il y en a plusieurs à appeler dans la même page, il faut mettre class="".

Mais quand ya class="" est ce que il faut changer getElementById('') dans le JS ?

Merci d'avance.

8 réponses

Mopra-L Messages postés 146 Date d'inscription lundi 29 juin 2009 Statut Membre Dernière intervention 23 mai 2012 6
22 déc. 2009 à 17:12
Bonjour,

Normalement, chaque element d'une page HTML a un ID unique, c'est d'ailleurs pour ca que c'est getElementBy Id(), et non getElementsById().

Si tu veux rechercher un element avec sa classe, tu peux faire $(#nomDeLaClasse)

Tu peux egalement rechercher selon les noms des elements, avec getElementsByName(), qui retourne alors un tableau de tout les elements avec ce nom
0
Mais le problème c'est que name="" est pas valide xHTML 1.0 Strcit
0
Mopra-L Messages postés 146 Date d'inscription lundi 29 juin 2009 Statut Membre Dernière intervention 23 mai 2012 6
22 déc. 2009 à 17:53
Les ID identique non plus, que je sache...

Donc il te reste au moins cette solution, ainsi que celle de la classe.
0
Oui les id identique et les name son pas valide.

Donc il faut utilise $(#nomDeLaClasse) ? Mais je ne comprend pas comment faire... Plus d'info ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
22 déc. 2009 à 18:03
0
Mopra-L Messages postés 146 Date d'inscription lundi 29 juin 2009 Statut Membre Dernière intervention 23 mai 2012 6
22 déc. 2009 à 18:06
Tu peux aussi faire en sorte que chaque ID est unique, c'est aussi simple...

Concernant les classes, c'est simple, imagine un code dans ce genre :

<html>
<body>
<table class="maTable">
<tr class="ligne1">
<td class="champ1Ligne1">
</td>
<td class="champ2Ligne1">
</td>
</tr>
<tr class="ligne2">
<td class="champ1Ligne2">
</td>
<td class="champ2Ligne2">
</td>
</tr>
</table>
</body>
</html>


$("#maTable") correspondra a ta table, et $("#ligne2") sera le 2eme tr, etc..

Mais encore une fois, tout doit être unique, c'est evident.
0
Pour le code HTML je comprend bien mais côté JS je ne voi pas comment faire :S un éxemple ?
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
25 déc. 2009 à 01:18
Pour une classe, ce n'est pas "#" masi "." : $('.classe')
0