JS/jQuery判斷DOM節(jié)點(diǎn)是否存在的簡單方法
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;
};
使用：
假設(shè)頁面有如下節(jié)點(diǎn)
<div>這里是DIV節(jié)點(diǎn)</div> <div>這里是DIV節(jié)點(diǎn)</div> <span>這里是span節(jié)點(diǎn)</span>
判斷節(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
注意：如果使用是使用document.getElementById()方法獲取對象的就不能使用exist()方法，因?yàn)楦鶕?jù)ID取節(jié)點(diǎn)對象的方法在取不到節(jié)點(diǎn)的情況下會返回一個空對象，不會集成原型exist()函數(shù)，所以會報錯！所以如果是根據(jù)ID取對象的可以直接if(obj)這樣既可判斷DOM節(jié)點(diǎn)是否存在頁面中
jQuery判斷DOM節(jié)點(diǎn)是否存在頁面中
可以這么干
添加原型：
(function($) {
$.fn.exist = function(){
if($(this).length>=1){
return true;
}
return false;
};
})(jQuery);
使用方法：
假如頁面有如下DOM節(jié)點(diǎn)
<div id="a">這里是id=a節(jié)點(diǎn)</div> <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
以上兩種方法其實(shí)都是根據(jù)對象集合的length屬性判斷對象是否存在。
本篇文章就是小編為大家?guī)淼腏S/jQuery判斷DOM節(jié)點(diǎn)是否存在的簡單方法全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
本篇文章主要介紹了webpack打包單頁面如何引用的js，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
微信小程序模板消息限制實(shí)現(xiàn)無限制主動推送的示例代碼
這篇文章主要介紹了微信小程序模板消息限制實(shí)現(xiàn)無限制主動推送的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了關(guān)于promise.all()的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
Javascript中獲取對象的原型對象的方法小結(jié)
這篇文章主要介紹了Javascript中獲取對象的原型對象的方法小結(jié),需要的朋友可以參考下2015-02-02
JavaScript解析及序列化JSON的方法實(shí)例分析
這篇文章主要介紹了JavaScript解析及序列化JSON的方法,結(jié)合實(shí)例形式分析javascript針對json格式數(shù)據(jù)的解析、序列化等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
JS添加刪除元素，非常不錯的應(yīng)用，需要的朋友可以參考下。2009-08-08
這篇文章主要介紹了js如何找出兩個數(shù)組中不同的元素，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
js實(shí)現(xiàn)select跳轉(zhuǎn)菜單新窗口效果代碼分享
這篇文章主要介紹了js實(shí)現(xiàn)select跳轉(zhuǎn)菜單新窗口效果代碼分享，實(shí)現(xiàn)很簡單，推薦給大家，有需要的小伙伴可以參考下2015-08-08
JS獲取經(jīng)緯度并根據(jù)經(jīng)緯度得到城市信息簡單示例
前端時間剛好使用了百度地圖的js api定位獲取用戶當(dāng)前經(jīng)緯度并獲取當(dāng)前詳細(xì)位置的功能,為了方便下次找起來方便一些自己在這里記錄一下,這篇文章主要給大家介紹了關(guān)于JS獲取經(jīng)緯度并根據(jù)經(jīng)緯度得到城市信息的相關(guān)資料,需要的朋友可以參考下2023-11-11
下面小編就為大家?guī)硪黄猨s刪除局部變量的實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06