Lösen Sie das Problem, dass die Methoden der document.getElementBy-Reihe keine Objekte abrufen können

Lösen Sie das Problem, dass die Methoden der document.getElementBy-Reihe keine Objekte abrufen können

getElementById kann das Objekt nicht abrufen

Beim Parsen des Dokuments durch den Browser tritt eine Sequenz auf: Bevor die Seite geladen wird oder bevor das entsprechende DOM-Objekt geladen wird, kann das entsprechende Objekt nicht abgerufen werden.

Sehen Sie sich den folgenden Code an:

<Skript>
    var temp = document.getElementById("div");
    Alarm (temp);
</Skript>
<Text>
<div id="div">
    <input name="Benutzername" id="Benutzername" type="text">
    <button id="btn">Schaltfläche</button>
</div>
</body>

In diesem Code kann document.getElementById(“div”) das Objekt nicht abrufen und alert(temp) gibt null aus.

Dies liegt daran, dass beim Parsen des Codes im Skript-Tag durch den Browser die DOM-Elemente im Textkörper noch nicht geladen wurden und daher natürlich nichts abgerufen werden kann.

Lösung: Verschieben Sie den Code im Skript hinter das Body-Element.

<Text>
<div id="div">
    <input name="Benutzername" id="Benutzername" type="text">
    <button id="btn">Schaltfläche</button>
</div>
<Skript>
    var temp = document.getElementById("div");
    Alarm (temp);
</Skript>
</body>

Oder fügen Sie window.onload hinzu

<Skript>
fenster.onload = funktion(){
    var temp = document.getElementById("div");
    Alarm (temp);
    }
</Skript>

Zusammenfassen

Das Obige ist die Einführung des Herausgebers zur Lösung des Problems, dass die Methoden der document.getElementBy-Reihe keine Objekte abrufen können. Ich hoffe, es wird allen helfen. Vielen Dank für Ihre Unterstützung der Website 123WORDPRESS.COM!

<<: 

>>:  HTML löst das Problem ungültiger Tabellenbreiteneinstellungen

Artikel empfehlen

Beispielanalyse für MySQL-Jointabelle und automatische ID-Inkrementierung

Wie schreibt man „join“? Wenn Sie „Left Join“ ver...

js, um einen einfachen Lupeneffekt zu erzielen

In diesem Artikel wird der spezifische Code von j...

Docker startet den Implementierungsprozess der MySQL-Konfiguration

Inhaltsverzeichnis Tatsächlicher Kampfprozess Beg...

VUE + SpringBoot implementiert die Paging-Funktion

Dieser Artikel stellt hauptsächlich vor, wie pagi...

Eine kurze Diskussion über die Verwendung und Analyse von Nofollow-Tags

Kontroverse um Nofollow Zwischen Zac und Guoping ...

Detaillierte Erklärung der einfachen HTML- und CSS-Verwendung

Ich werde drei Tage benötigen, um den statischen ...

So installieren Sie Oracle Java 14 auf Ubuntu Linux

Vor Kurzem hat Oracle die öffentliche Verfügbarke...

Verwenden Sie CSS, um spezielle Logos oder Grafiken zu implementieren

1. Einleitung Da Bilder viel Platz beanspruchen u...

Lösung für Linux CentOS 6.5 ifconfig kann IP nicht abfragen

Kürzlich sagten einige Freunde, dass sie nach der...

Analyse von Context-Anwendungsszenarien in React

Kontextdefinition und Zweck Der Kontext bietet ei...