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

Vergleich der Leistung von int, char und varchar in MySQL

Im Internet kursieren viele scheinbar wahre „Gerü...

JS realisiert den automatischen Wiedergabeeffekt von Bildern

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

Vorteile und Probleme des XHTML CSS Website Designs

XHTML ist die derzeit international verbreitete S...

So überprüfen Sie die Speichernutzung unter Linux

Bei der Behebung von Systemproblemen, Anwendungsv...

Mysql teilt Zeichenfolge durch gespeicherte Prozedur in Array auf

Um einen String in ein Array aufzuteilen, müssen ...

Einfache und schnelle Einführung in die React-Routing-Entwicklung

Installieren Geben Sie zur Installation den folge...

Das Prinzip und die Richtung von JavaScript

Wie lässt sich feststellen, worauf dies hinweist?...

Detaillierte Ansicht versteckter Spalten in MySQL

Inhaltsverzeichnis 1. Primärschlüssel vorhanden 2...

Eine kurze Analyse von Patroni in Docker-Containern

Inhaltsverzeichnis Erstellen eines Images Dateist...

Unterschied zwischen varchar- und char-Typen in MySQL

Inhaltsverzeichnis vorgenannt VARCHAR-Typ VARCHAR...