js查找父節點的簡單方法_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 20:39:26
js查找父節點的簡單方法_javascript技巧
js查找父節點的簡單方法_javascript技巧: 標題 項目一 子類一 子類二 項目一 項目 上面的代碼中,在點擊項目或子類時,因為觸發的事件一樣,參數也一樣,能區別用戶點擊的到底是項目x還是子類x,除了this.innerHTML來判斷它們的內在文字外,還可以根據它們在以元素為根節點的
導讀js查找父節點的簡單方法_javascript技巧: 標題 項目一 子類一 子類二 項目一 項目 上面的代碼中,在點擊項目或子類時,因為觸發的事件一樣,參數也一樣,能區別用戶點擊的到底是項目x還是子類x,除了this.innerHTML來判斷它們的內在文字外,還可以根據它們在以元素為根節點的

標題
項目一 子類一 子類二 項目一 項目 上面的代碼中,在點擊項目或子類時,因為觸發的事件一樣,參數也一樣,能區別用戶點擊的到底是“項目x”還是“子類x”,除了this.innerHTML來判斷它們的內在文字外,還可以根據它們在以元素為根節點的xml文檔中的縱向位置(節點深度)來區別,比如“項目一”在中的節點深度是2,“子類一”的節點深度是4.
計算節點深度在排除遞歸方法后,找到了一個更為簡單的方法:
function parentIndexOf(node,parent){
if(node==parent){return 0;}
for (var i=0,n=node; n=n.parentNode; i++){
if(n==parent){return i;}
if(n==document.documentElement){return -1;} //找不到目標父節點,防止死循環
}
}
函數的返回值是索引數字,如果入口節點與查找的父節點相同(即同一個元素),返回值為0,向上循環找到父節點后返回向上查找的節點級數,如果向上查找,到了整個頁面的根節點,比如是,還找不到,就返回-1,并結束循環。
返回值與String對象內置的indexOf方法相似。函數的關鍵是for的第二個參數n=n.parentNode,感覺比較巧妙。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
js查找父節點的簡單方法_javascript技巧
js查找父節點的簡單方法_javascript技巧: 標題 項目一 子類一 子類二 項目一 項目 上面的代碼中,在點擊項目或子類時,因為觸發的事件一樣,參數也一樣,能區別用戶點擊的到底是項目x還是子類x,除了this.innerHTML來判斷它們的內在文字外,還可以根據它們在以元素為根節點的