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

HTML-Grundlagen-Zusammenfassungsempfehlung (Titel)

HTML: Titel Überschriften werden durch Tags wie &...

Aktivieren Sie den SSHD-Vorgang im Docker

Installieren Sie zunächst den OpenSSH-Server im D...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17

Funktionen von MySQL: MySQL ist ein relationales ...

So verwenden Sie Node zum Implementieren des statischen Datei-Cachings

Inhaltsverzeichnis Cache Klassifizierung des Cach...

So verbinden Sie JDBC mit MySQL 5.7

1. Bereiten Sie zunächst die MySQL- und Eclipse-U...

So optimieren Sie Bilder, um die Website-Leistung zu verbessern

Inhaltsverzeichnis Überblick Was ist Bildkomprimi...

Detaillierte Erläuterung der Anwendungsbeispiele für Vue-Router 4

Inhaltsverzeichnis 1. Installieren und erstellen ...