Explication détaillée des exemples de méthodes sur la façon d'utiliser javascript et jquery pour détecter l'existence de nœuds dom

1. JavaScript détermine si un nœud DOM existe dans la page

La fonction native JavaScript ne fournit pas de méthode pour déterminer si un nœud DOM existe. Nous obtenons généralement des nœuds DOM via document.getElement.. méthode, qui renverra un objet Array collection, nous pouvons accéder à chaque objet de cette collection via object[0], object[1]. Puisqu'un ensemble de tableaux est renvoyé, il y a un attribut de longueur, et une longueur supérieure ou égale à 1 signifie que le nœud DOM existe dans la page

Code :

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

Utilisation :

Supposons que la page ait les nœuds suivants

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

Jugez si le nœud est sur la page :

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

Remarque : Si vous utilisez la méthode document.getElementById() pour obtenir le objet, vous ne pouvez pas utiliser la méthode exist(), car selon l'ID Si l'objet nœud ne peut pas être récupéré, la méthode renverra un objet vide et n'intégrera pas la fonction prototype exist(), donc une erreur sera signalée ! Donc, si vous récupérez l'objet en fonction de l'ID, vous pouvez directement if(obj). De cette façon, vous pouvez déterminer si le nœud DOM existe dans la page

2. jQuery détermine si le nœud DOM existe dans la page. page

Ajouter un prototype :

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

Utilisation :
Si la page a les nœuds DOM suivants

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

Jugement :

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

Les deux méthodes ci-dessus déterminent en fait si l'objet existe en fonction de l'attribut de longueur de la collection d'objets.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!