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

Entwicklung einer Vue Element-Frontend-Anwendung zum Abrufen von Backend-Daten

Inhaltsverzeichnis Überblick 1. Erfassung und Ver...

Kopieren und Einfügen ist der Feind der Verpackung

Bevor wir über OO, Entwurfsmuster und die vielen o...

Einführung in MySQL-Isolationsebene, Sperre und MVCC

Ziel dieses Artikels ist es, die Beziehung zwisch...

Implementierungsskript für geplante Datenbanksicherung unter Linux

Inhaltsverzeichnis Szenario: Die Serverdatenbank ...

Einige Fallstricke beim JavaScript Deep Copy

Vorwort Als ich zuvor zu einem Vorstellungsgesprä...

Eine kurze Einführung in den MySQL-Dialekt

Wenn wir einmal von Datenbanken absehen, was ist ...

Lösung für mehrere Docker-Container, die nicht die gleiche Portnummer haben

Hintergrund In Docker werden vier Container mit d...

Der Unterschied zwischen JS-Pre-Parsing und Variablen-Promotion im Web-Interview

Inhaltsverzeichnis Was ist eine Voranalyse? Der U...

Installations-JDK-Tutorialanalyse für Linux-System (Centos6.5 und höher)

Artikelstruktur 1. Vorbereitung 2. Installieren S...

Node verwendet das Modul async_hooks zur Anforderungsverfolgung

Das Modul async_hooks ist eine experimentelle API...