java script/DOM
1.14 Getting a List/Collection of all Immediate Child Nodes
iskull
2021. 9. 7. 21:17
728x90
childNodes 프로퍼티를 사용하면 유사배열(NodeList) 형태로 자식 노드들을 가져올 수 있다. 여기서 가져올 수 있는 노드들은 childNodes를 사용할 리시버 객체의 직접적인 자식이다. 다음과 같은 노드들을 직접적인 자식이라 한다.
1
2
3
4
5
6
7
8
|
<div id="a">
<!--id가 b인 div는 id가 a인 div의 직접적인 자식-->
<div id='b'>
<!--여기있는 h1, h2는 id가 a인 div의 직접적인 자식이 아니다-->
<h1>e</h1>
<h2>r</h2>
</div>
</div>
|
cs |
childNodes는 Element 노드들 뿐만 아니라 다른 노드들도 포함한다.
출처: DOM Elightement