[DOM]nextSibling, previousSibling : 다음, 이전 형제 노드 반환
개발관련/DOM 2012. 3. 11. 18:10 |1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 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; // 노드를 이전 노드로 초기화 } } <span>-</span> <div>X</div> <div>X</div> <div id="last">X</div> <div id="first">X</div> <div>X</div> <div>X</div> <span>-</span> |
-
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 |