document.getElementById führt zu ungewünschen Ergebnis

[dein-wunderland]

Hallo an alle!
Ich habe ein kleines Problem mit meinem Javascript. Vorerst einmal der Quellcode:

<img 
   id="haus"
   src="img/haus.gif"
   width="128" 
   height="128" 
   border="0" 
   alt="Home"
>
<a 
   href="javascript:document.getElementById('haus').src ='img/haus1.gif'"
>
Haus verändern
</a>

Leider werde ich auf eine (leere) Seite auf der img/haus1.gif steht umgeleitet, statt dass sich das Bild mit der id "haus" von haus.gif in haus1.gif verändert :-(

Kann mir jemand meinen Fehler sagen?

LG
dein-wunderland

 

[alogheo]

Über "javascript:..." kannst du Funktionen ausführen.
Also entweder "document.get..." in eine Funktion packen, oder mit onclick arbeiten.

 

[Sempervivum]

Hallo,
die Erklärung und die Lösung findest Du hier:
SELFHTML: JavaScript / Sprachelemente / Event-Handler
es muss demnach heißen:

href="javascript:void(document.getElementById('haus').src ='hannah_6.gif');"

Viele Grüße - Ulrich