prgrms-web-devcourse / FEDC5_Modern_JavaScript_DeepDive

데브코스 프론트엔드 5기 조윤호팀 - 모던 자바스크립트 Deep Dive 스터디
2 stars 4 forks source link

자식 노드 탐색 #31

Open choi-ik opened 1 year ago

choi-ik commented 1 year ago

자식 노드를 탐색하기 위해 노드 탐색 프로퍼티를 사용하는데, _Node.prototype.childNodes에 대한 간단한 설명_과 Node.prototype.childNodes를 사용하지 않고 자식 요소 노드만 모두 탐색하기 위한 프로퍼티를 작성해주세요.

Heeeera commented 1 year ago
답변
`Node.prototype.childNodes`는 텍스트 노드를 포함한 모든 자식 노드를 `NodeList` 객체로 반환합니다. 자식 노드 중 텍스트 노드를 제외한 요소 노드만 탐색하기 위해서는 `Element.prototype.children`프로퍼티를 사용합니다.
junly21 commented 1 year ago
childNodes로는 textNode와 elementNode까지 모두 포함하기 때문에 ```html
    과일
  • Apple
  • Banana
  • Orange
``` 이런 예시코드에서 fruits.childNodes는 childNodes의 첫번째로는 apple class의 li가 오는게 아닌 텍스트 노드인 '과일' 이 오게 됩니다. 자식 요소 노드만 탐색하기 위해서는 fruits.children을 사용해야합니다