DOM

DOM (Document Object Model)

DOM은 API로 웹화면을 구성하는 HTML, XML, XHTML 문서를 쉽게 작성할 수 있도록한다.

JavaScript에서 DOM 활용 가능
웹 페이지의 요소 선택, 속성 변경, 새로운 요소 생성, 또는 이벤트 처리와 같은 동적인 기능을 구현할 수도 있다.

js document로 html을 불러와 getElementById 메소드를 사용해 속성을 얻을 수 있다.

document.getElementById('');
document.getElementById('').value;
document.getElementById('').innerHTML;

span 태그
<span></span>

이벤트 핸들링

키보드 누르기, 마우스 클릭 등의 action을 이벤트라 한다.
이벤트 발생 시 작동하도록 설정하는 것이 이벤트 핸들링이다.

이벤트 발생시 - 이벤트 핸들링

• 키보드 입력시 - 글자수 세기

<textarea 이벤트=이벤트핸들링></textarea>