#7. What is the difference between children and childNodes in JavaScript?

스프린트 과제를 하던 도중, 

내가 하고 싶었던 것은, 원하는 id 태그 하위에 있는 자식을 지우고 싶었다.

 

 

처음 childNode로 지우려고 했는데, 테스트가 통과가 안 되어서, 

이상하다 싶어 이번에는 children으로 바꿔 시도해보았더니,

이번에 통과가 되는 것이다!

 

 

그 이유를 살펴보니,

. children은 엘리먼트(요소)의 속성이지만, 

. childNodes는 노드의 속성이어서 안 되었던 것이다.

 

 

예를 들어, 

 

let element = document.createElement("div");
element.textContent = "foo";

element.childNodes.length === 1; 
element.children.length === 0; 

 

 

위 코드를 콘솔에 찍어보자!

 

 

 

대략적으로 설명했지만, 

앞으로 Node 타입과  Element 타입에 따른 문법적 차이가 있었다.

 

검색해보니,

A node is the generic name for any type of object in the DOM hierarchy.

An element is one specific type of node as there are many other types of nodes.

 

 

 

source

stackoverflow.com/questions/7935689/what-is-the-difference-between-children-and-childnodes-in-javascript

stackoverflow.com/questions/9979172/difference-between-node-object-and-element-object