国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > 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,感覺比較巧妙。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 普陀区| 增城市| 凤阳县| 浦城县| 凭祥市| 临安市| 邛崃市| 南投市| 稷山县| 额尔古纳市| 龙岩市| 黔东| 加查县| 闽侯县| 合山市| 高淳县| 呼玛县| 碌曲县| 河东区| 咸阳市| 天门市| 昭平县| 毕节市| 堆龙德庆县| 岚皋县| 北碚区| 泗水县| 梅河口市| 左云县| 白城市| 沧源| 会同县| 虎林市| 万源市| 宁都县| 镇原县| 自贡市| 晋江市| 凤台县| 漠河县| 紫阳县|