innerHTML을 이용한 화면 동적변경

1. innerHTML을 속성을 사용한 화면 변경

XMLHttpRequest 객체를 사용하는 프로그램은 크게 다음 두 가지 코드로 구성된다. 

• 사용자가 이벤트를 발생시키면 웹 서버에서 데이터를 전송한다.
• 웹 서버가 생성한 응답 결과를 바탕으로 화면을 조작한다.

앞에서 우리는 응답 텍스트를 alert() 메서드를 이용해서 출력했지만 실제로는 화면의 내용이 변경되거나 새로운 내용이 추가되도록 구현해야 한다. 웹 브라우저에서 화면을 조작할 때는 보통 아래의 두가지 방식 중 하나를 이용한다.

• HTML요소의 innerHTML 속성에 HTML 코드 지정하기
• DOM(Document Object Model) API 이용하기