js判斷一個(gè)元素是否為另一個(gè)元素的子元素的代碼
更新時(shí)間：2012年03月21日 13:36:01 作者：
用js判斷一個(gè)元素是否為另一個(gè)元素的子元素，再做一些效果的時(shí)候經(jīng)常用到，特別是和鼠標(biāo)事件相關(guān)的應(yīng)用中，比如一個(gè)浮層，在鼠標(biāo)操作浮層內(nèi)元素的時(shí)候浮層顯示，當(dāng)點(diǎn)擊浮層外的元素的時(shí)候隱藏浮層
當(dāng)然方法有很多，不過個(gè)人認(rèn)為通過判斷一個(gè)元素是否為另一個(gè)元素的子元素是最簡單的實(shí)現(xiàn)方式之一。
廢話少說直接上方法：
function isParent (obj,parentObj){
while (obj != undefined && obj != null && obj.tagName.toUpperCase() != 'BODY'){
if (obj == parentObj){
return true;
}
obj = obj.parentNode;
}
return false;
}
查看demo：http://demo.jb51.net/js/2012/isParent/
感謝hafeyang的留言，js判斷一個(gè)元素是否為另一個(gè)元素的子元素相關(guān)方法還有contains方法，大家可以看看司徒正美的文章 http://chabaoo.cn/article/26158.htm
廢話少說直接上方法：
復(fù)制代碼 代碼如下:
function isParent (obj,parentObj){
while (obj != undefined && obj != null && obj.tagName.toUpperCase() != 'BODY'){
if (obj == parentObj){
return true;
}
obj = obj.parentNode;
}
return false;
}
查看demo：http://demo.jb51.net/js/2012/isParent/
感謝hafeyang的留言，js判斷一個(gè)元素是否為另一個(gè)元素的子元素相關(guān)方法還有contains方法，大家可以看看司徒正美的文章 http://chabaoo.cn/article/26158.htm
相關(guān)文章
實(shí)例詳解display:none與visible:hidden的區(qū)別
這篇文章主要介紹了實(shí)例詳解display:none與visible:hidden的區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-03-03
JavaScript實(shí)現(xiàn)移動(dòng)端頁面按手機(jī)屏幕分辨率自動(dòng)縮放的最強(qiáng)代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)移動(dòng)端頁面按手機(jī)屏幕分辨率自動(dòng)縮放的最強(qiáng)代碼，通過阻止瀏覽器的默認(rèn)行為各方面分析縮放的功能實(shí)現(xiàn)，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
詳解JavaScript中typeof與instanceof用法
typeof用以獲取一個(gè)變量或者表達(dá)式的類型而instanceof用于判斷一個(gè)變量是否某個(gè)對象的實(shí)例，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-10-10
設(shè)置下載不需要倒計(jì)時(shí)cookie(倒計(jì)時(shí)代碼)
利用賦值downvip實(shí)現(xiàn)軟件下載的倒計(jì)時(shí)代碼2008-11-11
下面小編就為大家?guī)硪黄獪\談js里面的InttoStr和StrtoInt。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
JavaScript數(shù)學(xué)對象(Math)方法舉例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)學(xué)對象(Math)方法的相關(guān)資料,Math(數(shù)學(xué))對象的作用是執(zhí)行普通的算數(shù)任務(wù),文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
這篇文章主要介紹了小程序分頁實(shí)踐之編寫可復(fù)用分頁組件，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
js 利用image對象實(shí)現(xiàn)圖片的預(yù)加載提高訪問速度
我們來學(xué)習(xí)一種名為圖像預(yù)裝載（image preloading）的小技巧來提高圖像訪問速度，一些瀏覽器試圖通過在本地緩存中保存這些圖片來解決此問題，感興趣的朋友可以了解下2013-03-03
這篇文章主要介紹了electron中使用bootstrap的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11
JS實(shí)現(xiàn)省市縣三級(jí)下拉聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)省市縣三級(jí)下拉聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-04-04