Wie man auf einen Link klickt, um das Attribut src des Bildes zu ändern (nur Javascript)

Question

Ich habe versucht, ein anderes Bild anzuzeigen, wenn ich auf einen Link klicke, aber ich möchte nicht auf den Link klicken, um wieder auf den Link zu gelangen Original Bild.

HTML:

You should keep in mind that every little bit helps.The planet can't be saved from the 
<a href = "#" id = "magic" onclick = "f1(); return false;">click</a> 
of the mouse, but it certainly takes the initiative a step forward. 
    <br> 
    <br> 
    </div> 
<div id = "bulb"> 
    <center><img src = "C:\Users\hp\Desktop\on.gif" style = "width:380px;height:280px;position:relative;top:25px;border:2px solid black;"></center> 
    </div> 

Javascript:

<script> 

function f1() 
{ 
document.getElementById("bulb").src = "C:\Users\hp\Desktop\off.gif"; 
} 
</script> 

pls mir sagen, wo ich schief gelaufen ?? Ich habe meinen Code 3 mal überprüft, kann aber das Problem nicht finden. Keine jQuery pls, wie ich das noch nicht weiß.

Answer 1

Verwenden Sie den unten stehenden Code, um das Bild mithilfe von Javascript zu ändern.

function f1(){ 
var a = document.getElementById("bulb"); 
var b = a.querySelector('img').src = "off.gif"; 
}