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

Das Suchen 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-Variable bestehen existiert. Dies kann zu unerwarteten Ergebnissen führen, wenn mithilfe von typeof oder === null die Existenz eines Elements überprüft wird.

Aktueller Ansatz

Die Funktion isNull() versucht, dieses Problem zu umgehen, indem vorübergehend eine zufällige ID festgelegt wird 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 der Existenzprüfung

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

var elementExists = document.getElementById("find-me");

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

Überprüfen der Sichtbarkeit im DOM

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

document.body.contains(someReferenceToADomElement);

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