Wie kann die Existenz von Elementen im sichtbaren DOM effizient überprüft werden, ohne getElementById zu verwenden?

So überprüfen Sie die Existenz von Elementen im sichtbaren DOM

Testen auf Elementexistenz ohne getElementById

Beim Versuch, die Existenz von Elementen ohne die Verwendung von getElementById zu überprüfen, ist dies der Fall Es wird deutlich, dass Variablen keine Live-Referenzen auf DOM-Elemente aufrechterhalten, sondern stattdessen ihre Anfangswerte behalten. Dies kann zu unerwarteten Ergebnissen führen, wenn die Existenz eines Elements nach seiner Entfernung aus dem DOM überprüft wird.

Eine Methode zur Überprüfung der Existenz

Um dieses Problem zu beheben, betrachten Sie die Funktion isNull, die versucht, ein zu ermitteln Existenz des Elements:

<code class="javascript">var isNull = function (element) {
  var randomID = getRandomID(12),
    savedID = (element.id) ? element.id : null;
  element.id = randomID;
  var foundElm = document.getElementById(randomID);
  element.removeAttribute('id');
  if (savedID !== null) {
    element.id = savedID;
  }
  return (foundElm) ? false : true;
};</code>

Diese Methode funktioniert, es wird jedoch ein einfacherer Ansatz empfohlen.

Überprüfen der Existenz im sichtbaren DOM

Um festzustellen, ob ein Element im sichtbaren DOM vorhanden ist Um ein sichtbares DOM anzuzeigen, verwenden Sie die Methode „contains()“:

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

Diese Methode gibt einen Booleschen Wert zurück, der angibt, ob das Element Teil des DOM ist. Im Vergleich zur isNull-Funktion bietet sie eine direktere und effizientere Möglichkeit, die Existenz zu überprüfen.

Das obige ist der detaillierte Inhalt vonWie kann die Existenz von Elementen im sichtbaren DOM effizient überprüft werden, ohne getElementById zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!