JS原生判斷DOM節(jié)點(diǎn)是否存在頁面中

JavaScript原生函數(shù)沒有提供判斷DOM節(jié)點(diǎn)是否存在方法，我們通常取得DOM節(jié)點(diǎn)幾乎都是document.getElement..方法，會傳回一個object數(shù)組合集，我們可以透過object [0]，object[1]這樣來存取這個合集的每一個物件。既然回傳的是數(shù)組合集，那就有l(wèi)ength屬性，而length大於等於1即表示DOM節(jié)點(diǎn)存在頁中

程式碼：

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

? ?

使用：

判斷節(jié)點(diǎn)是否在頁數(shù)：

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

? ?

注意：如果使用是使用document.getElementById()方法獲取物件的就不能使用exist()方法，因為根據(jù)ID一個節(jié)點(diǎn)物件取不到節(jié)點(diǎn)物件的方法。節(jié)點(diǎn)的情況下會回傳一個空對象，不會整合原型exist()函數(shù)，所以會報錯！所以如果是根據(jù)ID取物件的可以直接if(obj)這樣既可判斷DOM節(jié)點(diǎn)是否存在頁面中

jQuery判斷DOM節(jié)點(diǎn)是否存在頁中

可以這麼乾

添加原型：

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

? ?

添加原型：

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

? ?

添加原型：

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

? ?

使用方法：

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

rrreee