✔ Div-Box Inhalt bei Klick ändern

[D-LuX]

Jetzt möchte ich bei Klick auf den Link, den Inhalt im div ändern ...

mein Ansatz:

<div id="testbox">
 Alter Text
 <a href="javascript: document.getElementById("testbox").innerHTML="Neuer Text";">Klicken</a>
</div>

Wo liegt der Fehler?

 

[LinXitoW]

1. Benutzt du " zweimal, also schliesst du das href Attribut zu frueh. Benutze statt "Neuer Text" 'Neuer Text'
2. ruf lieber eine Funktion auf, das ist übersichtlicher
3. Wuerden manche jetzt auch sagen, du solltest Inline Javascript vermeiden, also den eventhandler per addEventListener hinzufuegen, aber der praktische Nutzen von "unobstrusivem" Javascript entzieht sich meiner Kenntnis. Notfalls googlen wenns dich interessiert

edit
4. Benutz statt href onclick=function

 

[D-LuX]

Also ich hab´s jetzt so gemacht:

<div id="testbox">
Hier steht der langweilige alte Text! <br>
<a href="#" OnClick="document.getElementById('testbox').innerHTML='Hier kommt der neue Text!<br>Text gewechselt!'">Text wechsel Dich!</a>
</div>

funktioniert

 

[Maik]

Hi,

noch ein Hinweis zum Schluss: die Event-Handler werden durchgängig kleingeschrieben.

 

[D-LuX]

ok, danke für den Tipp