▶ 요소 추가/ 삭제 요소 생성 : document.creatElement("태그"); 요소 추가 : document.appendChild (요소) ; / 부모요소.appendChild (요소) ; 요소 삭제 : document.removeChild(요소); / 부모요소.removeChild(삭제요소) ; 요소에 이벤트 핸들러 추가 : 요소.핸들러 = 함수

DOM(Document Object Model) : 문서 객체 모델이라고 하며 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. ▶ 요소를 추출 하는 메서드 document.getElementById("아이디"); // 아이디에는 중복이 없음으로 요소 한개만 반환한다. document.getElementsByTagName("태그명"); // 동일한 태그명을 찾아서 배열(여러개일 테니까) 에 담아서 반환 한다. document.getElementsByClassName ("클래스명"); // 동일한 클래스명을 찾아서 배열에 담아서 반환한다. ▶ innerHTML 여는 태그와 닫는 태그 사이의 값 여기가 ..