亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > JS > 正文

javascript下查找父節點的簡單方法

2024-09-06 12:41:49
字體：大 中 小
來源：轉載
供稿：網友
<div>
       <a href="#">標題</a>
       <ul id="demo">
           <li><a href="#" onclick="selectThisItem(this)">項目一</a></li>
               <ul>
                   <li><a href="#" onclick="selectThisItem(this)">子類一</a></li>
                   <li><a href="#" onclick="selectThisItem(this)">子類二</a></li>
               </ul>
           <li><a href="#" onclick="selectThisItem(this)">項目一</a></li>
           <li><a href="#" onclick="selectThisItem(this)">項目</a></li>
       </ul>
</div>


上面的代碼中，在點擊項目或子類時，因為觸發的事件一樣，參數也一樣，能區別用戶點擊的到底是“項目x”還是“子類x”，除了this.innerHTML來判斷它們的內在文字外，還可以根據它們在以<ul id="demo">元素為根節點的xml文檔中的縱向位置(節點深度)來區別，比如“項目一”在<ul id="demo">中的節點深度是2，“子類一”的節點深度是4.

計算節點深度在排除遞歸方法后，找到了一個更為簡單的方法：



function parentIndexOf(node,parent){
   if(node==parent){return 0;}
   for (var i=0,n=node; n=n.parentNode; i++){
       if(n==p){return i;}
       if(n==document.documentElement){return -1;} //找不到目標父節點，防止死循環
   }
}


函數的返回值是索引數字，如果入口節點與查找的父節點相同（即同一個元素），返回值為0，向上循環找到父節點后返回向上查找的節點級數，如果向上查找，到了整個頁面的根節點，比如是<html>，還找不到，就返回-1，并結束循環。

返回值與String對象內置的indexOf方法相似。函數的關鍵是for的第二個參數n=n.parentNode，感覺比較巧妙。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
韩国三级电影久久久久久| 午夜剧场成人观在线视频免费观看| 久久久这里只有精品视频| 91成品人片a无限观看| 国产成人精彩在线视频九色| 国产精品久久久久久网站| 亚洲视频axxx| 欧美日韩日本国产| 亚洲日本成人女熟在线观看| 国产亚洲欧洲高清| 国产成人+综合亚洲+天堂| 久久全国免费视频| 久久久成人精品视频| 日韩在线视频中文字幕| 欧美激情精品久久久久久蜜臀| 久久久女女女女999久久| 欧美高清不卡在线| 亚洲网站视频福利| 久久久亚洲精选| 亚洲国产精品久久| 国产精品ⅴa在线观看h| 久久综合88中文色鬼| 国产第一区电影| 久久久精品美女| 992tv在线成人免费观看| 亚洲欧美激情精品一区二区| 国产高清视频一区三区| 亚洲在线视频观看| 色哟哟入口国产精品| 久久久精品亚洲| 国产午夜精品全部视频在线播放| 欧美性理论片在线观看片免费| 亚洲欧美日韩高清| 韩国日本不卡在线| 日本免费久久高清视频| 亚洲精选一区二区| 日本高清不卡的在线| 日韩中文字幕网站| 日韩欧美成人精品| 国产精品嫩草影院久久久| 永久免费精品影视网站| 亚洲欧美国产日韩天堂区| 日韩性xxxx爱| 久久99热精品这里久久精品| 色婷婷综合久久久久| 国产欧美一区二区三区久久人妖| 日韩欧美福利视频| 日韩精品一区二区三区第95| 97在线免费视频| 亚洲人成网站色ww在线| 亚洲综合日韩在线| 国产一区二区欧美日韩| 亚洲欧洲午夜一线一品| 91在线高清视频| 精品国偷自产在线视频| 亚洲iv一区二区三区| 国产91久久婷婷一区二区| 日韩精品免费一线在线观看| 日韩a**站在线观看| 97精品久久久| 4p变态网欧美系列| 欧美成人sm免费视频| 国产极品jizzhd欧美| 国产午夜精品视频| 亚洲全黄一级网站| 亚洲欧美激情在线视频| 亚洲一区二区三区四区在线播放| 91色在线观看| 亚洲自拍偷拍福利| 欧美激情视频一区二区| 亚洲成年人影院在线| 精品一区二区三区四区在线| 中文在线不卡视频| 日韩小视频在线| 日韩av理论片| 九九久久久久久久久激情| 91免费人成网站在线观看18| 国产欧美精品久久久| 国产精品亚洲欧美导航| 亚洲美女www午夜| 国产最新精品视频| 在线国产精品视频| 色香阁99久久精品久久久| 成人国产精品一区| 国产精品网红直播| 91精品国产综合久久香蕉| 国产精品99导航| 色综合久久88色综合天天看泰| 亚洲性69xxxbbb| 免费99精品国产自在在线| 欧美精品中文字幕一区| 亚洲国产精品久久91精品| 国产成人亚洲综合91| 91精品久久久久久久久久| 国产精品视频专区| 久久99热这里只有精品国产| 国产一区二区在线免费| 国产美女直播视频一区| 午夜免费久久久久| 91精品国产自产在线| 在线中文字幕日韩| 曰本色欧美视频在线| 日韩av在线电影网| 亚洲精品456在线播放狼人| 精品一区二区三区四区| 欧美激情视频播放| 久久精品国产99国产精品澳门| 亚洲国产精品推荐| 96pao国产成视频永久免费| 久久久久久免费精品| 欧美又大粗又爽又黄大片视频| 国产精品高潮呻吟久久av黑人| 国外视频精品毛片| 久久激情视频免费观看| 性欧美xxxx视频在线观看| 精品色蜜蜜精品视频在线观看| 久久中文字幕在线视频| 中文字幕九色91在线| 成人www视频在线观看| 国产综合香蕉五月婷在线| 在线看欧美日韩| 日韩在线观看免费全集电视剧网站| 91精品国产99久久久久久| 97超级碰在线看视频免费在线看| 亚洲a∨日韩av高清在线观看| 欧美激情亚洲自拍| 久久久久久成人| 神马国产精品影院av| 欧美亚洲成人xxx| 九九久久久久99精品| 国产精品入口日韩视频大尺度| 91美女高潮出水| 精品国产一区二区三区久久狼黑人| 26uuu亚洲伊人春色| 午夜剧场成人观在线视频免费观看| 欧美视频在线观看免费网址| 欧美激情精品久久久久久黑人| 欧美精品激情在线观看| 亚洲成人网av| 亚洲国产精品大全| 成人免费在线视频网站| 最近中文字幕2019免费| 亚洲国产天堂网精品网站| 国产精品va在线播放我和闺蜜| 亚洲精品v欧美精品v日韩精品| 日韩在线高清视频| 九九热精品视频在线播放| 久久人人爽人人爽人人片av高请| 毛片精品免费在线观看| 97不卡在线视频| 夜夜嗨av一区二区三区免费区| 中文字幕亚洲图片| 日韩免费不卡av| 日日狠狠久久偷偷四色综合免费| 国产91在线播放九色快色| 欧美日韩人人澡狠狠躁视频| 精品久久久一区| 欧美一级黄色网| yellow中文字幕久久| 国产不卡视频在线| 俺去啦;欧美日韩| 国内外成人免费激情在线视频网站| 亚洲成人动漫在线播放| 亚洲xxxx18|