그렇다. 그럴 때가 있다.
노드.parentNode.parentNode - 부모노드 의 부모노드
노드.parentNode - 부모노드
노드.childNodes - 모든자식노드들
노드.firstChild - 첫째자식노드
노드.lastChild - 막내자식노드
노드.nextSibling - 나의바로밑동생노드(형제노드)
노드.previousSibling - 나의바로위형노드(형제노드)
위의 내용을 이용하면 어떤 태그를 기준으로 약간의 조정만 더한다면 주변의 다른 태그를 잡아올 수 있다.
조심할 사항은 태그사이에 띄어쓰기를 하거나 태그를 줄 바꿈을 해버리면
띄어쓰기나 줄바꿈을 텍스트 노드(text node)로 취급해버리므로
원하는 노드의 값을 가지고 오지 않고 undefined 가 나온다.
이렇게 undefined 가 나오지 않도록 하기 위해서 노드에 id 값을 주는 것이다.
즉, 길을 잃어버리지 않고 잘 찾아오도록 이정표를 놓아주는 것처럼 id 를 주는 것이다.
예를들어 위에서는 id="melon" 인 td 태그가 줄바꿈이 일어나도 같은 id 를 주었기 때문에 undefined 가 나오지 않고
올바른 태그를 가리키게 되는 것이다.