Assign src des Bildes in eine Variable durch JS in HTML

Question

I Inhalt des src-Tag des Bildes zu einer Variablen zugewiesen werden soll auf das Bild durch JS auf klicken: EG-

HTML

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

JS ???

Ich möchte die Bildquelle "image.jpg" einer Variablen zuweisen und sie dann über ID "source" laden, wenn ich auf das Bild in HTML klicke. Wie kann ich es tun?

Vielen Dank im Voraus.

Answer 1

Die Antwort auf den ersten Teil Ihrer Frage ist:

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

der zweite Teil

.. unklar ist und es dann durch id laden "Quelle" in HTML.

Answer 2

Nicht wirklich ganz klar, was Sie erreichen möchten. Den Inhalt des src-Tags zu bekommen ist ziemlich einfach und ich habe das bisher geschafft. Aber ich bin nicht wirklich sicher, ob Sie jetzt das ID-Attribut des Span-Tags oder was ersetzen möchten.

Was ich bisher gelöst haben: das 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 auf: https://jsfiddle.net/6oprtnv6/

So klären Sie bitte Ihre zweite Teil