[DOM]nextSibling, previousSibling : 다음, 이전 형제 노드 반환
개발관련/DOM 2012. 3. 11. 18:10 |window. onload = function () { // first 이후의 div의 값을 N으로 변경 var node = document.getElementById('first'); while (node) { // 텍스트노드 제외, DIV 태그만... if (node.nodeType !== 3 && node.nodeName === 'DIV') { node.innerHTML = 'N'; } node = node.nextSibling; // 노드를 다음 노드로 초기화(이동) } // last 이전의 div의 값을 P로 변경 node = document.getElementById("last"); while (node) { if (node.nodeType != 3 && node.nodeName == 'DIV') { node.innerHTML = 'P'; } node = node.previousSibling; // 노드를 이전 노드로 초기화 } } -XXXXXX-
-
P
P
P
N
N
N
-'개발관련 > DOM' 카테고리의 다른 글
[DOM]firstChild, lastChild : 처음, 마지막 자식 노드 반환 (0) | 2012.03.11 |
---|---|
[DOM]parentNode : 부모 노드 반환 (0) | 2012.03.11 |
[DOM]getAttribute, setAttribute : 요소 노드의 속성 값 설정 또는 반환 (0) | 2012.03.11 |
[DOM]replaceChild : 자식 노드 변경 (0) | 2012.03.11 |
[DOM]removeChild : 자식 노드 삭제 (0) | 2012.03.11 |