TIL - 20220825

 오늘은 모던 JavaScript 튜토리얼에서 주요 노드 프로퍼티에 대해 공부했다. 작성한 질문은 다음과 같다.

 EventTarget, Node, Element, HTMLElement 클래스들은 다음과 같은 특징을 지닌다.

• EventTarget: 루트에 있는 '추상' 클래스. 이 클래스에 대응하는 객체는 실제로 만들어지진 않는다.
• Node: EventTarget과 같은 '추상' 클래스로 DOM 노드의 베이스 역할을 한다. 
• Element: DOM 요소를 위한 베이스 클래스
• HTMLElement: HTML 요소 노드의 베이스 역할을 하는 클래스

 

 tagName과 nodeName의 차이점은 다음과 같다.

• tagName 프로퍼티는 요소 노드에만 존재한다.
• nodeName은 모든 Node에 존재한다.

 

 innerHTML은 요소 안의 HTML 요소를 문자열 형태로 받아올 수 있으며 innerHTML을 사용하여 HTML 요소를 수정할 때 주의해야 한다. 왜냐하면, 기존 내용을 완전히 지우고 다시 내용을 작성하는 것이기 때문이다. 또한, 이미지 등의 리소스 전부가 다시 리로딩된다.