Récupérer l'id d'une image: javascript [Résolu/Fermé]

Signaler
Messages postés
680
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
16 avril 2015
 -
Messages postés
680
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
16 avril 2015
 -
Bonjour,

Je souhaiterai récupérer l'id d'une des images.

Html: 

<div id = "conteneur">  
<img src = "image/toto" id = "image1" />  
<img src = "image/tata" id = "image2" />  
<img src = "image/tutu" id = "image3" />  
</div>

<a href = "redirection()">Cliquez-ici</a>

Mois je souhaiterai récupérer l'id d'une des images en utilisant le javascript (fonction redirection). Je n'arrive pas à trouver la méthode?

Merci d'avance

5 réponses

Réponse 1 / 5
Messages postés
18558
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
13 mai 2021
 4 289
Au hasard ?
2
Merci
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Réponse 2 / 5
Messages postés
2025
Date d'inscription
jeudi 22 septembre 2005
Statut
Membre
Dernière intervention
18 novembre 2015
 202
Utlises la fonction getElementsByTagName ( https://www.toutjavascript.com/reference/ref-window.document.getelementsbytagname.php )

Un rapide exemple : 
function getImgs(){
            var ImgArray = document.getElementsByTagName('img');
            var mystring  = '';
            for(var i = 0; i < ImgArray.length; i++){
                mystring += "("+i+") = "+ImgArray[i].id+" - ";
            }
            alert('String : '+mystring);
        }
Réponse 3 / 5
Messages postés
680
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
16 avril 2015
 26
C'est bon ça marche. Une grand merci à Zep3k!GnO.

Merci à vous, ahh!!! l'efficacité fait du bien
Réponse 4 / 5
Messages postés
18558
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
13 mai 2021
 4 289
Salut.
De quelle image souhaite-tu récupérer l'id ?
Pour le lien :
<a href="#" onclick="redirection(); return false;">Cliquez-ici</a>

Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
Réponse 5 / 5
Messages postés
680
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
16 avril 2015
 26
En fait, il y a une animation jquery. Je n'ai pas voulu rentrer dans le détail. Il faut juste que j'arrive à récupérer soit image1 ou image2 ou image3.

Merci pour ton aide.
Posez votre question