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)然方法有很多，不過(guò)個(gè)人認(rèn)為通過(guò)判斷一個(gè)元素是否為另一個(gè)元素的子元素是最簡(jiǎn)單的實(shí)現(xiàn)方式之一。
廢話少說(shuō)直接上方法：
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://www.fzitv.net/article/26158.htm
廢話少說(shuō)直接上方法：
復(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://www.fzitv.net/article/26158.htm
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了網(wǎng)頁(yè)掛馬方式整理及詳細(xì)介紹的相關(guān)資料,這里整理了不少方式，大家可以看下如何實(shí)現(xiàn)的，需要的朋友可以參考下2016-11-11
JavaScript增加數(shù)組中指定元素的5種方法總結(jié)
在JS中數(shù)組方法是非常重要且常用的的方法,在此整理總結(jié)一番,下面這篇文章主要給大家介紹了關(guān)于JavaScript增加數(shù)組中指定元素的5種方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
js實(shí)現(xiàn)的倒計(jì)時(shí)按鈕實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)的倒計(jì)時(shí)按鈕,實(shí)例分析了javascript倒計(jì)時(shí)效果的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-06-06
一個(gè)符號(hào)插入器 中用到的js代碼...2007-09-09
js中合并對(duì)象的幾種實(shí)現(xiàn)方法
"js 合并對(duì)象"是一種在JavaScript編程中常見的操作,用于將多個(gè)對(duì)象的屬性合并到一起,通常,我們會(huì)使用ES6的擴(kuò)展運(yùn)算符或者Object.assign()函數(shù)來(lái)實(shí)現(xiàn)這個(gè)功能,感興趣的可以了解一下2023-08-08
JS圖片懶加載的優(yōu)點(diǎn)及實(shí)現(xiàn)原理
這篇文章主要介紹了JS圖片懶加載的優(yōu)點(diǎn)及實(shí)現(xiàn)原理,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)留言板案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
JavaScript canvas實(shí)現(xiàn)雨滴特效
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)雨滴特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
枚舉的實(shí)現(xiàn)求得1-1000所有出現(xiàn)1的數(shù)字并計(jì)算出現(xiàn)1的個(gè)數(shù)
求得1-1000所有出現(xiàn)1的數(shù)字，并計(jì)算出現(xiàn)1的個(gè)數(shù)，以下是采用枚舉的實(shí)現(xiàn)方法，但是若從1-N就不管用了，因?yàn)镹不一定會(huì)是多少2013-09-09
JS實(shí)現(xiàn)線性表的鏈?zhǔn)奖硎痉椒ㄊ纠窘?jīng)典數(shù)據(jù)結(jié)構(gòu)】
這篇文章主要介紹了JS實(shí)現(xiàn)線性表的鏈?zhǔn)奖硎痉椒?簡(jiǎn)單講解了線性表鏈?zhǔn)奖硎镜脑聿⒔Y(jié)合實(shí)例形式分析了js針對(duì)線性表鏈?zhǔn)奖硎镜膭?chuàng)建、插入、刪除等節(jié)點(diǎn)操作技巧,需要的朋友可以參考下2017-04-04