Warum ist document.GetElementById nullwertig

Ich habe document.GetElementById erfolgreich verwendet, aber von Zeit zu Zeit kann ich es nicht wieder arbeiten lassen. Alte Seiten, in denen ich es immer noch verwendet arbeiten, aber die Dinge so einfach wie diese:Warum ist document.GetElementById nullwertig

<html> 
<head> 
<title>no title</title> 
<script type="text/javascript"> 
document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?"; 
</script> 
</head> 
<body> 
<div id="ThisWillBeNull"></div> 
</body> 
</html>

geben mir „document.getElementById (“ parsedOutput „) ist null“ die ganze Zeit jetzt. Es spielt keine Rolle, ob ich Firefox oder Chrome verwende oder welche Erweiterungen ich aktiviert habe oder welche Header ich für das HTML verwende, es ist immer null und ich kann nicht finden, was falsch sein könnte.

Vielen Dank für Ihre Eingabe =)

Quelle

2010-04-13 BadDayComing

Timing.

Das Dokument ist nicht bereit, wenn Sie das Element erhalten.

Sie müssen wait until the document is ready, bevor Sie das Element abrufen.

Quelle

2010-04-13 18:34:23 Cheeso

Die Seite wird von oben nach unten gerendert. Ihr Code wird unmittelbar nach dem Parsen ausgeführt. Zum Zeitpunkt der Ausführung existiert das Div noch nicht. Sie müssen es in eine window.onload-Funktion einfügen.

Quelle

2010-04-13 18:34:41

Versuchen Sie folgendes:

<script type="text/javascript"> 
    window.onload = function() { 
    document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?"; 
    } 
</script>

Quelle

2010-04-13 18:35:40 Sarfraz

Der Browser das Skript ausführen wird, sobald er es findet. Zu diesem Zeitpunkt ist der Rest des Dokuments noch nicht geladen - es gibt noch kein Element mit dieser ID. Wenn Sie den Code nach diesen Teil des Dokuments geladen wird, wird es einwandfrei funktionieren.

Quelle

2010-04-13 18:35:44 Syntactic

Ohne window.onload Ihr Skript wird nie aufgerufen. Javascript ist eine ereignisbasierte Sprache, also ohne ein explizites Ereignis wie onload, onclick, onmouseover, werden die Skripte nicht ausgeführt.

<script type="text/javascript"> 
    window.onload = function(){ 
    document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?"; 
    } 
</script>

Onload event:

Die Last-Ereignis ausgelöst am Ende des Dokuments Ladevorgangs. Zu diesem Zeitpunkt befinden sich alle Objekte im Dokument im DOM und alle Bilder und Unterrahmen sind fertig geladen.

https://developer.mozilla.org/en/DOM/window.onload

Quelle

2010-04-13 18:43:45

<script type="text/javascript"> 
    window.onload += function() { 
    document.getElementById("ThisWillBeNull").innerHTML = "Why is this null?"; 
    } 
</script>

Verwenden += mehr eventHandler s zuweisen Ereignis des Dokuments onload.

Quelle

2010-04-13 18:47:07 Tarik

Das hat nichts für mich getan. – Mixxiphoid

Warum ist document.GetElementById nullwertig

Antwort

Verwandte Themen