![](http://i1.daumcdn.net/thumb/T650x650/?fname=https://blog.kakaocdn.net/dn/cyU5q5/btrMN7r7rX9/1AWZ4DoEMtX1FlsqOMK740/img.jpg)
[모던자바스크립트]15장 이벤트 처리 15.1 이벤트 처리기를 등록하는 방법 : 이벤트가 발생했을 때 실행되는 함수를 이벤트 처리기 또는 이벤트 리스너라고 합니다. 등록방법 1. HTML요소의 이벤트 처리기 속성에 설정하는 방법 : 1-1. 이벤트 처리기의 문제점 * HTML 문서를 읽어 들일 때 이벤트 처리기도 함께 설정하기 때문에 설정하기 쉽습니다. * HTML과 자바스크립트 프로그램이 뒤섞여 프로그램의 가독성이 떨어집니다. 결과적으로 프로그램의 유지 보수성이 떨어집니다. * 특정 요소의 특정 이벤트에 대해서 이벤트 처리기를 단 하나만 등록할 수 있습니다. 그 요소에 똑같은 이벤트 처리하는 이벤트 처리기를 등록하면 나중에 등록한 함수가 이전에 등록한 함수를 덮어씁니다. 일반적으로 HTML문서 하나는 ..
![](http://i1.daumcdn.net/thumb/T650x650/?fname=https://blog.kakaocdn.net/dn/bm62K6/btqEPmqyoGk/639LAzqw0acKwUsIpPShw1/img.png)
[모던자바스크립트] 14.1 Dom 트리 (Document Object Model) : 웹 브라우저가 HTML 문서를 읽어 들이면 Document 객체로 시작하는 DOM트리가 만들어 집니다. DOM트리 구성하는 객체 하나를 노드라고 합니다. 다음 세 종류의 노드가 기본적인 노트입니다. - 문서 노드 : 전체 문서를 가리키는 Document객체, document를 참조할 수 있다. - HTML 요소 노드 : HTML요소를 가리키는 객체 - 텍스트 노드 : 텍스트를 가리키는 객체 모든 트리 노드는 객체입니다. 태그는 요소 노드 (또는 요소)와 트리 구조를 형성 : 다음, 루트에 와 등 자식이다 HTML은 요소 뒤에 공백 문자(공백, 탭, 줄바꿈) 등 여러개 있어도 무시합니다. 그러나 DOM트리는 요소 앞뒤에..