Seite wird überschrieben

Howie

Erfahrenes Mitglied
Hallo allerseits

Ich hoffe ihr könnt mir bei einen wahrscheinlich kleinen Problem helfen.
Hier erstmal der Code :
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html><head>
<title>Unbenanntes Dokument</title>

<script language="javascript" type="text/javascript" src="js/wordbook.js"></script>

<script language="javascript" type="text/javascript">
function ausgabe()
{
var zufall = 0 ;	
	wortanzahl = englisch_wort.length ; 
	zufall = Math.floor(Math.random()* wortanzahl);
	alert (englisch_wort[zufall]) ;
	document.write("<h2>" + englisch_wort[zufall] + "</h2>") ;
}
</script>
</head>
<body bgcolor="D0BF9F">
<h3>Start</h3>
	<a href="javascript:ausgabe()">Neues Wort</a>
<h5>Ende</h5>
</body>
</html>
Ich möchte gerne ein Wort ausgeben. Das klappt eigentlich sehr gut. Mein Problem ist nur,
jedes Mal wenn ich auf den Link neues Wort klicke, überschreibt er mir mein ganzes Document. Ich möchte aber nur an dieser Stelle was überschreiben. Wie kann ich dieses verhindern das er den Rest überschreibt ? Die Seite neu laden darf ich nicht, weil ich die Anzahl der Wörter zähle und dafür Punkte vergeben möchte.

Ich hoffe es kann mir jemand helfen.
Dank im Voraus
Howie
 
Zuletzt bearbeitet von einem Moderator:
Das Verhalten ist schon richtig:
Sobald das Dokument fertiggeladen ist, überschreibt ein document.write dieses.
Um bestehenden Text zu ändern, könntest du z.B. mit der JavaScript Eigenschaft
innerHTML arbeiten.

Bsp:
Code:
<span id="Foo">
  <a href="" 
     onclick="window.document.getElementById('Foo').innerHTML = '<h1>Neuer Text</h1>'; return false;">Text aendern</a>
</span>
 
Wau

Das ist ja klasse. Echt Super.
Kann ich das eigentlich auch an einen Div anwenden ? Sorry die doofe Frage.
Bin erst noch dabei es rrichtig zu verstehen.
Aber schon mal Danke für die geleistete Hilfe.

Gruß
Howie
 

Neue Beiträge

Zurück