document.write löscht die ganze Seite

[Reiner]

Hi,

ich hab auf einer Html-Seite einen Button:
<input type="button" value="Bild anzeigen" onclick="showpic()">

Wenn man da drauf klickt, soll unten ein Bild angezeigt werden:

<script>
function showpic() {
document.write('<img src=test.jpg>');
}
</script>

Wenn ich auf den Button klicke, dann wird nur das Bild angezeigt, aber die gesamte restliche Seite ist weg.
Wie kann ich das machen, dass das Bild nur zusätzlich bei der Seite angezeigt wird?

ja, definier ein <div> und schalte dieses mittels Deiner Fkt. un-/sichtbar.

Gruß
Reiner