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