Wie tritt der nicht erfasste TypeError: Cannot set properties of null at getElementById() auf?
Das ' Nicht erfasster TypeError: Eigenschaften von null können bei getElementById() nicht gesetzt werden “ kann aus folgenden Gründen auftreten:
Beispiel 1: Auftreten eines nicht erfassten TypeError: Aufgrund des vorherigen Zugriffs auf das Element können die Eigenschaften von null bei getElementById() nicht festgelegt werden
In diesem Beispiel wird der Fehler besprochen, der aufgrund des Zugriffs auf das bestimmte Element vor der Angabe aufgetreten ist:
< Skript >
dokumentieren. getElementById ( 'Kopf' ) . innerHTML = 'JavaScript-Inhalt' ;
Skript >
< Center >< Karosserie >
< h2-ID = 'Kopf' > Linuxhint-Website h2 >
Karosserie > Center >
Wenden Sie die folgenden Schritte an, wie in den obigen Codezeilen angegeben:
- Fügen Sie zunächst den JavaScript-Codeblock in das „
' Schild. - Greifen Sie hier auf das Element zu, das dem angegebenen „ Ich würde ' Verwendung der ' getElementById() ' Methode.
- Wenden Sie auch das „ innerHTML ”-Eigenschaft, um den Inhalt des aufgerufenen Elements zu aktualisieren.
- Im HTML-Code innerhalb des „
”-Tag, fügen Sie eine Überschrift mit dem angegebenen “ Ich würde “. - Beim Ausführen des Codes wird der Typfehler „ Eigenschaften von null können bei getElementById() nicht gesetzt werden ' wird passieren. Denn das Element „ “ zugegriffen wird, bevor es überhaupt angegeben ist.
Ausgabe
In der obigen Ausgabe ist ersichtlich, dass der angegebene Fehler aufgrund eines vorherigen Zugriffs auf das Element angezeigt wird.
Lösung
Der oben aufgetretene Fehler kann in diesem Fall behoben werden, indem der Code so sequenziert wird, dass das Element angegeben wird, bevor darauf zugegriffen wird.
Das folgende Beispiel veranschaulicht das genannte Konzept:
< Center >< Karosserie >< h2-ID = 'Kopf' > Linuxhint-Website h2 >
Karosserie > Center >
< Skript >
dokumentieren. getElementById ( 'Kopf' ) . innerHTML = 'JavaScript-Inhalt' ;
Skript >
Der obige Code ist identisch mit dem vorherigen Code mit der Änderung in der Platzierung von Codeblöcken. Es ist so, dass die „ ”-Element wird angegeben, bevor im JavaScript-Code darauf zugegriffen wird.
Ausgabe
Wie zu sehen ist, wird der aufgetretene Fehler behoben und der aktualisierte Inhalt über das „ innerHTML “-Eigenschaft wird angezeigt.
Beispiel 2: Auftreten eines nicht erfassten TypeError: Aufgrund eines falschen Zugriffs auf die ID können die Eigenschaften von null bei getElementById() nicht festgelegt werden
Der angegebene Fehler kann auch durch einen falschen Zugriff auf die ID auftreten.
Gehen wir das unten aufgeführte Beispiel durch:
< Festzelt-ID = 'Pro' > Java Festzelt >< Skripttyp = 'text/javascript' >
dokumentieren. getElementById ( '#Pro' ) . innerText = 'Skript' ;
Skript >
Im obigen Code-Snippet:
- Fügen Sie ein „
„Element mit dem angegebenen „ Ich würde ” und Textwert. - Greifen Sie im JS-Teil des Codes mit dem „ getElementById() ' Methode.
- Das ' Ich würde ”-Format ist hier nicht korrekt, wenn man bedenkt, wie auf das jeweilige Element zugegriffen wird.
- Hier die ' innerText ”-Eigenschaft zeigt den angegebenen Textwert an.
Ausgabe
In dieser Ausgabe kann überprüft werden, ob die angewendete Eigenschaft das Element aufgrund eines falschen ID-Formats nicht beeinflusst hat.
Lösung
Der erwähnte Fehler in diesem speziellen Szenario kann behoben werden, indem die ID beim Zugriff auf das Element korrekt angegeben wird:
< Festzelt-ID = 'Pro' > Java Festzelt >< Skripttyp = 'text/javascript' >
dokumentieren. getElementById ( 'Pro' ) . innerText = 'Skript' ;
Skript >
Implementieren Sie die unten aufgeführten Schritte, wie im obigen Code angegeben:
- Umfassen die '
” Element mit dem gegebenen “ Ich würde “. - Greifen Sie im JavaScript-Code-Snippet auf das Element zu, indem Sie im vorherigen Schritt die „ Ich würde ” richtig über die “ getElementById() ' Methode.
- Wenden Sie abschließend das „ innerText ”-Eigenschaft und zeigen den angegebenen Textinhalt an, der in diesem Fall aktualisiert wird.
Ausgabe
In der obigen Ausgabe kann visualisiert werden, dass der aktualisierte Textinhalt angezeigt wird.
Fazit
Das ' Nicht erfasster TypeError: Eigenschaften von null können bei getElementById() nicht gesetzt werden “ in JavaScript kann aufgelöst werden, indem das Element angegeben wird, bevor darauf zugegriffen wird, oder indem die ID im richtigen Format angegeben wird. Danach können in beiden Fällen die entsprechenden Funktionalitäten ausgeführt werden. Dieser Blog führte zur Behebung des nicht erfassten TypeError: Cannot set properties of null at getElementById() in JavaScript.