Seite 1 von 1
JavaScrip getElementById
Verfasst: 05.11.2008 16:09
von P7BB
Hallo, ich hab mal eine Frage:
Ich möchte ein div-bereich innerhalb einer Tabelle ansprechen, allerdings geht das nciht so richtig.... es passiert nämich nix bei dem folgendem script:
Code: Alles auswählen
<a href='javascript:document.getElementById("bla").innerHTML += "testen";'>klick mich</a><br><br>
<table>
<tr><td>
<div id='bla'>
...
</div>
</td><td>
irgendwas
</td></tr>
</table>
ich versteh nich, warum es nicht geht :s
Verfasst: 05.11.2008 17:57
von atrox
Bei *mir funktioniert alles wunderbar (mit FF3).
Mit dieser Modifikation kannst du es besser sehen.
<a
onclick='javascript:document.getElementById("bla").innerHTML += "testen";'>klick mich</a><br><br>
<table>
<tr><td>
<div id='bla'
style='background-color:yellow;'>
...
</div>
</td><td>
irgendwas
</td></tr>
</table>
Gruß atrox
Verfasst: 05.11.2008 21:33
von P7BB
Danke! Das Problem war so simpel... ich hab href statt onClick genommen
Re: JavaScrip getElementById
Verfasst: 08.11.2008 10:23
von StarWolf3000
An dem Code
Code: Alles auswählen
<a href='javascript:document.getElementById("bla").innerHTML += "testen";'>klick mich</a>
ist eigentlich nichts auszusetzen.
Grund: als Protokoll-Handler wird
javascript: verwendet, was ohne Probleme bei jedem Browser funktioniert der JavaScript interpretieren kann.
Diese Variante
Code: Alles auswählen
<a onclick='javascript:document.getElementById("bla").innerHTML += "testen";'>klick mich</a>
hingegen dürfte nicht funktionieren, da
onClick ein Event-Handler ist und keine Art eine Hypertext-Referenz aufzurufen. Demnach müsste es mittels onClick lauten:
Code: Alles auswählen
<a onclick='document.getElementById("bla").innerHTML += "testen";'>klick mich</a>
Verfasst: 08.11.2008 13:36
von P7BB
naja, ich hab es so gelernt:
Und bei
wechselt er die SEite, bzw. weitere Javascript-Aktionen sind dann nciht mehr möglich.
Verfasst: 08.11.2008 19:49
von S2B
So ist es korrekt (und XHTML):
Code: Alles auswählen
<a onclick="document.getElementById('bla').innerHTML += 'testen';">
bzw.
Code: Alles auswählen
<a href="javascript:document.getElementById('bla').innerHTML += 'testen';">
Verfasst: 10.11.2008 08:51
von P7BB
Naja ok, hauptsache es funktioniert...
