[Javascript] 요소의 부모, 자식 노드찾기

부모노드  -  form.parentNode

자식노드  -  form.childNodes or form.children

childNodes 와 children의 차이

childNodes는 주석, 텍스트 등 모든 노드를 가져오는 방면에 children은 요소노드만을 가져온다.

<div id="container">
<p>텍스트1</p>
<p>텍스트2</p>
</div>

예를 들어 이러한 코드의 자식에 접근을 하고자 한다면

var container = document.getElementById("container");
var children = container.childNodes;

for(var i=0; i<children.length; i++){
if(children[i].nodeType != 1) continue    //텍스트제거
var node = children.item(i);             //객체 가져오기
}

nodeType == 1  // 요소