javascript DOM 遍歷

由 愚人碼頭 撰寫 　http://www.css88.com/archives/514

javascript DOM 遍歷

以下一系列的輔助函數可以幫助您，他們能取代標準的previousSibling，nextSibling，firstChild，lastChild，parentNode；

JavaScript代碼

//————————DOM?遍歷，如果元素沒找到則返回null———————–// ??

????//—查找相關元素的前一個兄弟元素—// ??

????function?prev(elem){ ??

????????do{ ??

????????????elem=elem.previousSibling; ??

????????}while(elem&&elem.nodeType!=1); ??

????????return?elem; ??

????} ??

????//—查找相關元素的下一個兄弟元素—// ??

????function?next(elem){ ??

????????do{ ??

????????????elem=elem.nextSibling; ??

????????}while(elem&&elem.nodeType!=1); ??

????????return?elem; ??

????} ??

????//—查找第一個子元素的函數—// ??

????function?first(elem){ ??

????????elem=elem.firstChild; ??

????????return?elem?&&?elem.nodeType!=1??next(elem):elem; ??

????} ??

????//—查找最后一個子元素的函數—// ??

????function?last(elem){ ??

????????elem=elem.lastChild; ??

????????return?elem?&&?elem.nodeType!=1??prev(elem):elem; ??

????} ??

????//—查找父級元素的函數—// ??

????//num是父級元素的級次，parent(elem,2)等價于parent(parent(elem)) ??

????function?parent(elem,num){ ??

????????num=num||1; ??

????????for(var?i=0;?i<num;?i++){ ??

????????????if(elem!=null){ ??

????????????????elem=elem.parentNode; ??

????????????} ??

????????} ??

????????return?elem; ??

????}??

調用案例：first(document.getElementById(“everywhere”)).style.backgroundColor=”#ff0000″;

以上是《精通Javascript》提供

總結

以上是生活随笔為你收集整理的javascript DOM 遍历的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。