JS bestimmt nativ, ob ein DOM-Knoten auf der Seite vorhanden ist

Die native JavaScript-Funktion stellt keine Methode zur Verfügung, um zu bestimmen, ob ein DOM-Knoten vorhanden ist. Normalerweise erhalten wir DOM-Knoten über die Methode document.getElement. , das ein Objektarray 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

<div>這里是DIV節(jié)點(diǎn)</div>
<div>這里是DIV節(jié)點(diǎn)</div>
<span>這里是span節(jié)點(diǎn)</span>

Bestimmen Sie, ob die Der Knoten befindet sich auf der Seite:

var is_exist = document.getElementsByTagName('div').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 das Objekt abzurufen, k?nnen Sie die Methode ?exist(“ nicht verwenden. )-Methode, da die Methode zum Abrufen des Knotenobjekts basierend auf der ID nicht abgerufen werden kann. Bei Knoten wird ein leeres Objekt zurückgegeben und die Prototypfunktion exist() wird nicht integriert, sodass ein Fehler gemeldet wird! Wenn Sie also das Objekt basierend auf der ID abrufen, k?nnen Sie if(obj) direkt verwenden, um festzustellen, ob der DOM-Knoten auf der Seite vorhanden ist

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

Sie k?nnen dies tun

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節(jié)點(diǎn)
<div>這里是DIV節(jié)點(diǎn)</div>
<div>這里是DIV節(jié)點(diǎn)</div>
<span>這里是span節(jié)點(diǎn)</span>

Beurteilung:

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

Die beiden oben genannten Methoden bestimmen tats?chlich, ob Das Objekt existiert basierend auf dem L?ngenattribut der Objektsammlung.