javascript 節(jié)點遍歷函數(shù)
更新時間：2010年03月28日 14:02:32 作者：
火狐官網(wǎng)上找到的一組函數(shù)，相當(dāng)于treeWalker，有了它可以方便地在IE實現(xiàn)Traversal API 2的所有功能
火狐官網(wǎng)上找到的一組函數(shù)，相當(dāng)于treeWalker，有了它可以方便地在IE實現(xiàn)Traversal API 2的所有功能（nextElementSibling，previousElementSibling，firstElementChild，lastElementChild，children）These functions let you find the next sibling, previous sibling, first child, and last child of a given node (element). What makes them unique is that they safely ignore whitespace nodes so you get the real node you're looking for each time.
function is_all_ws(nod) { return !(/[^\t\n\r ]/.test(nod.data)); }
function is_ignorable(nod) { return (nod.nodeType == 8) || ((nod.nodeType == 3) && is_all_ws(nod)); }
function node_before(sib) {
while ((sib = sib.previousSibling)) {
if (!is_ignorable(sib)) return sib;
}
return null;
}
function node_after(sib) {
while ((sib = sib.nextSibling)) {
if (!is_ignorable(sib)) return sib;
}
return null;
}
function first_child(par) {
var res = par.firstChild;
while(res) {
if(!is_ignorable(res)) return res;
res = res.nextSibling;
}
return null;
}
function last_child(par) {
var res = par.lastChild;
while(res) {
if(!is_ignorable(res)) return res;
res = res.previousSibling;
}
return null;
}
復(fù)制代碼 代碼如下:
function is_all_ws(nod) { return !(/[^\t\n\r ]/.test(nod.data)); }
function is_ignorable(nod) { return (nod.nodeType == 8) || ((nod.nodeType == 3) && is_all_ws(nod)); }
function node_before(sib) {
while ((sib = sib.previousSibling)) {
if (!is_ignorable(sib)) return sib;
}
return null;
}
function node_after(sib) {
while ((sib = sib.nextSibling)) {
if (!is_ignorable(sib)) return sib;
}
return null;
}
function first_child(par) {
var res = par.firstChild;
while(res) {
if(!is_ignorable(res)) return res;
res = res.nextSibling;
}
return null;
}
function last_child(par) {
var res = par.lastChild;
while(res) {
if(!is_ignorable(res)) return res;
res = res.previousSibling;
}
return null;
}
您可能感興趣的文章:
- JS 使用for循環(huán)遍歷子節(jié)點查找元素
- js查找父節(jié)點的簡單方法
- javascript下查找父節(jié)點的簡單方法
- js查找節(jié)點的方法小結(jié)
- JS常見DOM節(jié)點操作示例【創(chuàng)建 ，插入，刪除，復(fù)制，查找】
- javascript基礎(chǔ)之查找元素的詳細(xì)介紹(訪問節(jié)點)
- js遍歷子節(jié)點子元素附屬性及方法
- JS獲取子節(jié)點、父節(jié)點和兄弟節(jié)點的方法實例總結(jié)
- javascript獲取網(wǎng)頁中指定節(jié)點的父節(jié)點、子節(jié)點的方法小結(jié)
- javascript得到XML某節(jié)點的子節(jié)點個數(shù)的腳本
- JS查找孩子節(jié)點簡單示例
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了基于原生js實現(xiàn)圖片輪播效果的具體代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要給大家簡單介紹了javascript中return語句，有需要的小伙伴可以參考下。2015-07-07
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)簡易計算器小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
javascript中創(chuàng)建對象的三種常用方法
在javascript中創(chuàng)建對象的三種方法，腳本之家以前發(fā)布過有簡單實例版的，大家可以參考下。2010-12-12
這篇文章主要為大家詳細(xì)介紹了微信JS-SDK選取手機照片上傳功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
在編程中，模塊是指將相關(guān)的代碼封裝在一起，形成一個獨立的單元，在這篇文章中，我們將深入探討在TypeScript中如何定義、導(dǎo)入和導(dǎo)出模塊，感興趣的可以了解一下2023-06-06
javascript權(quán)威指南 學(xué)習(xí)筆記之javascript數(shù)據(jù)類型
JavaScript中允許使用三種基本數(shù)據(jù)類型 數(shù)字，文本字符和布爾值。其中數(shù)字包括符點數(shù).此外，它還支持兩種小數(shù)據(jù)類型 －null(空)和undefined(未定義)，該兩種小數(shù)據(jù)類型，它們各自只定義了一個值 。2011-09-09
詳解Bootstrap創(chuàng)建表單的三種格式（一）
在本章中，我們將學(xué)習(xí)如何使用 Bootstrap 創(chuàng)建表單。Bootstrap 通過一些簡單的 HTML 標(biāo)簽和擴展的類即可創(chuàng)建出不同樣式的表單，對bootstrap 表單相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
這篇文章主要為大家詳細(xì)介紹了js日期插件dateHelp獲取本月、三個月、今年的日期，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)翻牌抽獎動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09