Javascript로 DOM 화면을 렌더링하기 위해 관련 메서드를 찾다가 유사하면서도 다른 여러 메서드들을 알게 됐다. Element.innerHTML, Element.insertAdjacentHTML, Node.appendChild 등 관련 메서드가 있는데, 메서드를
NODE DOM(Document Object Model, 문서 개체 모델)은 자바스크립트 NODE 개체의 계층화된 트리다. Node는 자바스크립트 생성자 함수에 불과하다. 따라서 Node는 자바스크립트의 다른 개체들처럼 Object.prototype으로부터 상속받는다.
HTMLDocument 생성자(document로부터 상속됨)는 DOM 내에 DOCUMENT_NODE(ex, window.document)를 생성한다. Document 및 HTMLDocument 생성자는 보통 HTML 문서를 로드 시 브라우저에 의해 인스턴스가 만들어진다
이벤트를 설정하는 것은 인라인 attribute 이벤트 핸들러, 속성 이벤트 핸들러, addEventListener() 메서드를 사용하여 수행될 수 있다. 이 중에서 addEventListener() 사용이 권장된다.addEventListener()에서 세 번째 매개변
HTML의 구조나 내용 또는 스타일 등을 동적으로 조작할 필요가 자주 있는데, 이를 위해서는 먼저 요소 노드를 취득해야 한다.같은 class 어트리뷰트 값을 갖는 모든 요소 노드들을 취득하기 위한 방법에는 두 가지가 있는데, querySelectorAll과 getEle