Ausführliche Erläuterung von Methodenbeispielen zur Verwendung von Javascript und JQuery zur Erkennung der Existenz von Dom-Knoten

1. JavaScript bestimmt, ob ein DOM-Knoten auf der Seite vorhanden ist

Die native JavaScript-Funktion stellt keine Methode bereit, um festzustellen, ob ein DOM-Knoten vorhanden ist. Normalerweise erhalten wir DOM-Knoten über document.getElement. Methode, die eine Objektsammlung zurückgibt, können wir über Objekt[0], Objekt[1] auf jedes Objekt dieser Sammlung zugreifen. Da ein Array-Satz zurückgegeben wird, gibt es ein Längenattribut, und eine Länge größer oder gleich 1 bedeutet, dass der DOM-Knoten auf der Seite vorhanden ist

Code:

Object.prototype.exist = function(){ 
 if(typeof this !='undefined' && this.length>=1){
  return true;
 }
 
 return false;
};

Verwendung:

Angenommen, die Seite hat die folgenden Knoten

<p>这里是p节点</p>
<p>这里是p节点</p>
<span>这里是span节点</span>

Beurteilen Sie, ob der Knoten vorhanden ist ist auf der Seite:

var is_exist = document.getElementsByTagName('p').exist();
alert(is_exist); // true
 
var is_exist = document.getElementsByTagName('span').exist();
alert(is_exist); // true
 
var is_exist = document.getElementsByTagName('p').exist();
alert(is_exist); // false

Hinweis: Wenn Sie die Methode document.getElementById() verwenden, um die zu erhalten Objekt, Sie können die Methode exist () nicht verwenden, da die Methode gemäß der ID ein leeres Objekt zurückgibt, wenn das Knotenobjekt nicht abgerufen werden kann und den Prototyp der Funktion exist () nicht integriert, sodass ein Fehler gemeldet wird! Wenn Sie das Objekt also anhand der ID abrufen, können Sie direkt if(obj) ermitteln. Auf diese Weise können Sie feststellen, ob der DOM-Knoten auf der Seite vorhanden ist.

2. jQuery ermittelt, ob der DOM-Knoten auf der Seite vorhanden ist Seite

Prototyp hinzufügen:

(function($) {
 $.fn.exist = function(){ 
  if($(this).length>=1){
   return true;
  }
  return false;
 };
})(jQuery);

Verwendung:
Wenn die Seite die folgenden DOM-Knoten hat

这里是id=a节点
<p>这里是p节点</p>
<p>这里是p节点</p>
<span>这里是span节点</span>

Beurteilung:

alert($('#aaa').exist()); // false
alert($('#a').exist()); // true
alert($('p').exist()); // true
alert($('p').exist()); // false

Die beiden oben genannten Methoden bestimmen tatsächlich anhand des Längenattributs der Objektsammlung, ob das Objekt vorhanden ist.

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Methodenbeispielen zur Verwendung von Javascript und JQuery zur Erkennung der Existenz von Dom-Knoten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!