Wie kann ich feststellen, ob ein Element im sichtbaren DOM vorhanden ist?

So überprüfen Sie, ob ein Element im sichtbaren DOM vorhanden ist

Das Finden eines Elements im DOM anhand seiner ID ist eine häufige Aufgabe in JavaScript. Was aber, wenn Sie die Existenz eines Elements überprüfen müssen, ohne diese Methode zu verwenden?

Unsichtbare Elemente identifizieren

Wenn ein Element aus dem DOM entfernt wird, bleibt seine Referenz in einer JavaScript-Variablen erhalten existiert. Dies kann zu unerwarteten Ergebnissen führen, wenn mit typeof oder === null die Existenz eines Elements überprüft wird.

Aktueller Ansatz

Die Funktion isNull() versucht, dieses Problem zu umgehen, indem sie vorübergehend eine zufällige ID einstellt das Element, finden es mit getElementById() und entfernen dann die temporäre ID. Dieser Ansatz gibt true zurück, wenn das Element nicht im DOM gefunden wird, und false, wenn es gefunden wird.

Vereinfachung für die Existenzprüfung

Wenn das Ziel einfach darin besteht, zu überprüfen, ob ein Element existiert (unabhängig davon). seine Sichtbarkeit), ein einfacherer Ansatz besteht darin, eine der Elementauswahlmethoden des Browsers zu verwenden:

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

Für einen booleschen Wert können Sie !! vor dem Aufruf der Auswahlmethode. Darüber hinaus können Methoden wie querySelector() und getElementsByTagName() verwendet werden.

Sichtbarkeit im DOM prüfen

Um gezielt zu prüfen, ob ein Element im sichtbaren DOM vorhanden ist, kann die Methode „contains()“ verwendet werden verwendet werden:

<code class="javascript">document.body.contains(someReferenceToADomElement);</code>

Diese Methode gibt true zurück, wenn das Element im DOM vorhanden ist, andernfalls false.

Das obige ist der detaillierte Inhalt vonWie kann ich feststellen, ob ein Element im sichtbaren DOM vorhanden ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!