getElementById

Druckbare Version

16.08.2009, 19:26
-=Player=-

getElementById

hab folgenden Code:

HTML-Code:

<script type="text/javascript"> document.getElementById("test").innerHTML = "aaaa"; </script> <div id="test"></div>

wie man sehen sollte, muss eigentlich der Inhalt des DIV's "Test" mit dem Text aaaa ersetzt werden.
Doch es funktioniert einfach nicht.

Fehlerkonsole gibt folgendes aus:
document.getElementById("test") is null

ich komme einfach nicht drauf, warum es nicht funktioniert.
Vielleicht kann mir jemand helfen

hab schon probiert, den Inhalt des divs vorher zu füllen und auch den DIV über den javascript zu stellen. ging aber auch nicht.
16.08.2009, 19:41
blackberry

Der JavaScript Code wird ausgeführt bevor das DIV erstellt wird.
Ein DIV mit der ID "Test" existiert zu der Ausführzeit folglich nicht.

Du könntest deinen JS Code nach unten rücken oder mit setTimeout eine Funktion nach ein paar Millisekunden aufrufen (10 sollten reichen).

EDIT:
Folgender Code funktioniert (FireFox 3.0.13):

HTML-Code:

<script type="text/javascript"> function DasIstEineFunktion() { document.getElementById("test").innerHTML = "aaaa"; } setTimeout('DasIstEineFunktion();', 1); // 1 schien genug zu sein... </script> <div id="test"></div>
16.08.2009, 19:43
crusher

Blödsinn! Alles was du brauchst ist eine Funktion:

Code:

<html> <head> <script type="text/javascript"> function textChange(text) { document.getElementById("test").innerHTML = text; } </script> </head> <body onload="textChange('fuubar')"> <div id='test'></div> </body> </html>
16.08.2009, 19:47
-=Player=-

das haut Auge auch gesat, doch dann sollte das hier:

Zitat:

<div id="test"></div>

<script type="text/javascript">
document.getElementById("test").innerHTML = "aaaa";
</script>

funktionieren. Tut es aber auch nicht. Fehlerkonsole gibt die gleiche meldung wie oben aus

@crusher:
wenn du das mit funktion meinst:
<script type="text/javascript">
function jstest(){
document.getElementById("test").innerHTML = "aaaa";
}
jstest();
</script>

funktioniert es auch nicht

p.s. das mit dem timeout funktioniert, nur blöd, dass man warten muss
16.08.2009, 19:51
IRET

Kann dir leider nur das was mein Vorposter auch gesagt habe sagen.
Mit einer Funktion geht das sicher.
Is ja nicht so viel Aufwand oder?
16.08.2009, 19:52
crusher

Das funktioniert auch.

Code:

<html> <head> </head> <body> <div id='test'></div> </body> <script type="text/javascript"> document.getElementById("test").innerHTML = 'text'; </script> </html>

Aber nur wenn der <script> Teil nach </body> kommt ;)
16.08.2009, 19:52
blackberry

Das Timeout ist mit 1 Millisekunde wohl nicht maßgebend.
16.08.2009, 19:54
crusher

Doch...
Pausen sind immer schlecht.

Script nach </body> -> Alles Prima
(Dafür hat in dem 1. Example "onLoad()" gesorgt und im 2. der abgeschlossene Body Tag)

Lösung 1:

Code:

<html> <head> <script type="text/javascript"> function textChange(text) { document.getElementById("test").innerHTML = text; } </script> </head> <body onload="textChange('fuubar')"> <div id='test'></div> </body> </html>

Lösung 2:

Code:

<html> <head> </head> <body> <div id='test'></div> </body> <script type="text/javascript"> document.getElementById("test").innerHTML = 'text'; </script> </html>
16.08.2009, 20:03
-=Player=-

ok funktioniert jetzt alle wieder. Danke