0
votes

Comment passer un attribut alt dans une méthode au clic

Bonjour j'ai le code suivant:

<img alt="image321" onclick="image(//here i want to pass the alt attribute to my function Bild()//);" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" />


<script>
        function image(alt){
            
            alert(alt.src);
            
        }
</script>

J'ai mon image et lui ai donné un attribut alt avec la valeur "image321". Maintenant je veux passer cette valeur à ma fonction image () et sortir la valeur avec alerte dès que j'ai cliqué sur l'image. Mais le résultat est toujours indéfini. Quelqu'un pourrait-il s'il vous plaît m'aider à résoudre ce problème. Beaucoup de salutations Nils

javascript html onclick alt

0 commentaires

3 Réponses :

2
votes

La première chose à faire serait d' éviter les gestionnaires en ligne - ils ont pas mal de problèmes, trop nombreux pour valoir la peine d'être utilisés de nos jours, comme une chaîne de portée démentielle et des problèmes de citation. Attachez correctement les écouteurs d'événements en utilisant Javascript avec addEventListener place.

Dans l'écouteur, faites référence à this pour accéder à l'élément cliqué, et à sa propriété src pour accéder à son src :

<img alt="image321" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" />

document.querySelector('img').addEventListener('click', function() {
  console.log(this.src);
  console.log(this.alt);
});

0 commentaires

0
votes

Vous devriez essayer d'utiliser this :

Vous pouvez exécuter ce code que j'ai ici pour le voir en action:

<img alt="image321" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" onclick="image(this.alt)"/>

function image(alt) {
alert(alt);
}

0 commentaires

0
votes

<img alt="image321" onclick="myfunc(this);" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" />

function myfunc(img){
            
            alert(img.alt);
            
        }

0 commentaires