So überprüfen Sie, ob ein Element im sichtbaren DOM vorhanden ist, ohne getElementById zu verwenden

So überprüfen Sie die Existenz eines Elements im sichtbaren DOM

Um festzustellen, ob ein Element im sichtbaren DOM vorhanden ist, ohne getElementById zu verwenden, beachten Sie Folgendes Alternativen:

Präsenz im Dokumentkörper prüfen:

Wie von Csuwldcat vorgeschlagen, kann die Methode „contains()“ von DOM-Elementen verwendet werden, um zu prüfen, ob ein Element ein Nachkomme ist des Dokumentkörpers. Diese Methode gibt einen booleschen Wert zurück, der angibt, ob das Element Teil des sichtbaren DOM ist.

<code class="js">document.body.contains(elementReference);</code>

Verwendung anderer Elementauswahlmethoden:

Andere Elementauswahlmethoden, z B. querySelector(), querySelectorAll() und getElementsByClassName(), können verwendet werden, um Elemente basierend auf bestimmten Kriterien zu finden. Wenn die resultierende Elementreferenz oder NodeList eine Länge von 0 hat, existiert das Element nicht.

Um beispielsweise nach einem Element mit der ID „find-me“ zu suchen:

<code class="js">var elementExists = !!document.getElementById("find-me");</code>

Hinweis: querySelector() und querySelectorAll() geben das erste passende Element bzw. eine NodeList zurück. getElementsByClassName() gibt eine NodeList zurück. Daher ist die Überprüfung der Längeneigenschaft für NodeLists erforderlich, um festzustellen, ob ein Element vorhanden ist.

Benutzerdefinierte Funktion zum Überprüfen der Elementpräsenz:

Die bereitgestellte isNull-Funktion kann dazu verwendet werden Überprüfen Sie die Existenz eines Elements, indem Sie vorübergehend eine zufällige ID zuweisen, nach dem Element mit der ID suchen und dann die zufällige ID entfernen. Dieser Ansatz überprüft effektiv, ob das Element im DOM vorhanden ist.

Verwandte Ressourcen für das Verhalten von JavaScript-Variablen:

• [Grundlegendes zu JavaScript-Bereichen und -Abschlüssen](https: //developer.mozilla.org/en-US/docs/Glossary/Closure)
• [JavaScript-Variablen: Wert vs. Referenz](https://www.w3schools.com/js/js_variables.asp)
• [Wertübergabe vs. Referenzübergabe in JavaScript](https://developer.mozilla.org/en-US/docs/Glossary/Pass_by_reference)

Das obige ist der detaillierte Inhalt vonSo überprüfen Sie, ob ein Element im sichtbaren DOM vorhanden ist, ohne getElementById zu verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!