Assigner src de l'image dans une variable par JS en HTML

Question

Je veux attribuer le contenu de la balise src de l'image à une variable en cliquant sur l'image par JS: EG-

HTML

<img src="image.jpg" id="img"> 
<span id="source"/> 

JS ??? Je souhaite affecter la source d'image "image.jpg" à une variable, puis la charger via l'ID "source" lorsque je clique sur l'image en HTML. Comment puis-je le faire?

Merci d'avance.

Answer 1

La réponse à la première partie de votre question est la suivante:

var src = document.getElementById("img").getAttribute("src"); 

la deuxième partie ne sait pas

.. puis le charger par id "source" en HTML.

Answer 2

Pas vraiment clair ce que vous voulez réaliser. Obtenir le contenu de la balise src est assez facile et j'ai eu ce travail jusqu'à présent. Mais je ne suis pas vraiment sûr si vous voulez maintenant remplacer l'attribut id de la balise span ou quoi.

Ce que j'ai résolu jusqu'à présent: obtenir le src

html:

<img src="image.jpg" id="img"> 
<span id="source" /> 

js:

var src = document.getElementById("img").getAttribute("src"); 
document.getElementById("source").innerHTML = src; 

Demo sur: https://jsfiddle.net/6oprtnv6/

Alors s'il vous plaît préciser votre deuxième partie