[HTML] js12

실행 중 tag의 참조, 수정, 추가, 삭제 등의 작업이 가능 : DOM을 사용
dom을 사용해 서버로 부터 가져온 html을 서버의 데이터 변환없이 클라이언트의 화면에서만 변경 가능

DOM이 번거로우므로 간단히 처리할 수도 있다. innerText, innerHTML
js에서 가장 중요한 테크닉 중 하나인 ajax, 서버로부터 일부의 데이터만 가져올 수 있음(혹은 화면의 일부만 바꿀 수 있다)

이 화면에서 script에서 함수로 이벤트를 주고 결과를 확인해봤다.
innerHTML은 태그가 모두 적용되어 출력된 모습이고
innerText는 텍스트값만 출력된 모습이다

1번~4번 클릭 버튼에 이벤트를 준 코드이다.
1 : 단순 클릭으로 text를 준다.
2,3 : 클릭2와 3을 같은 name으로 주고 한번에 받아온다. 같은 name이 2개니까 배열로 반환한다.
[0]번째, [1]째 배열에 각각 펑션을 주는 것을 확인할 수 있다
4 : 더블클릭시에 이벤트를 준다.

5번 버튼은 객체에 이벤트 연결 및 해제를 해준다. 이벤트 종류를 주고 클릭이벤트가 발생되면 이벤트를 해제해주는