자바스크립트 노드 순회 함수_javascript 기술

Firefox 공식 웹사이트에 있는 treeWalker와 동일한 함수 세트로 IE에서 Traversal API 2의 모든 기능(nextElementSibling, PreviousElementSibling, firstElementChild, lastElementChild, children)을 쉽게 구현할 수 있습니다. 이러한 함수를 사용하면 다음 형제를 찾을 수 있습니다. , 이전 형제, 특정 노드(요소)의 첫 번째 자식 및 마지막 자식을 독특하게 만드는 것은 공백 노드를 안전하게 무시하므로 매번 찾고 있는 실제 노드를 얻을 수 있다는 것입니다. 🎜>

코드 복사 코드는 다음과 같습니다.function is_all_ws(nod) { return !(/[^tnr ]/. 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