JavaScrip getElementById

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Antworten
P7BB
Mitglied
Beiträge: 383
Registriert: 15.07.2008 19:40

JavaScrip getElementById

Beitrag 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
Benutzeravatar
atrox
Mitglied
Beiträge: 242
Registriert: 08.08.2007 00:48
Wohnort: Ravensburg

Beitrag 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
Zuletzt geändert von atrox am 05.11.2008 22:05, insgesamt 1-mal geändert.
P7BB
Mitglied
Beiträge: 383
Registriert: 15.07.2008 19:40

Beitrag von P7BB »

Danke! Das Problem war so simpel... ich hab href statt onClick genommen :(
Benutzeravatar
StarWolf3000
Mitglied
Beiträge: 1019
Registriert: 25.07.2005 10:20
Wohnort: Stolpen
Kontaktdaten:

Re: JavaScrip getElementById

Beitrag 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>
MOD-Einbauhilfe und Installationen über ICQ, TeamSpeak 2/3 und TeamViewer. Support nur im Forum, eingeschränkt per TeamViewer, aber nicht mehr per PN! • KB:knigge
P7BB
Mitglied
Beiträge: 383
Registriert: 15.07.2008 19:40

Beitrag von P7BB »

naja, ich hab es so gelernt:

Code: Alles auswählen

onClick='javascript:....'
Und bei

Code: Alles auswählen

href='javascript:...'
wechselt er die SEite, bzw. weitere Javascript-Aktionen sind dann nciht mehr möglich.
Benutzeravatar
S2B
Ehemaliges Teammitglied
Beiträge: 3258
Registriert: 10.08.2004 22:48
Wohnort: Aachen
Kontaktdaten:

Beitrag 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';">
Gruß, S2B
Keinen Support per ICQ/PM!
Hier kann man meine PHP-Skripte und meine MODs für phpBB runterladen.
P7BB
Mitglied
Beiträge: 383
Registriert: 15.07.2008 19:40

Beitrag von P7BB »

Naja ok, hauptsache es funktioniert... ;)
Antworten

Zurück zu „Coding & Technik“