DOM(document object model)
자바스크립트가 만들어진 이유는 html태그를 관리/조작하기 위해서 만들어진 언어이다.하지만 서로 독립된언어이기때문에 그 중간에서 html이 자바스크립트의 명령을 알아들을수있게 해주는 역할을 하는것이 바로 DOM이다. html을 자바스크립트의 객체처럼 사용하려고 만든것이 DOM이다.자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 할 수 있다.
- 자바스크립트는 새로운 HTML 요소나 속성을 추가하거나 존재하는 요소나 속송을 제거할수있음.
- 자바스크립트는 HTML 문서의 모든 HTML 요소와 속성을 변경할 수 있음.
- 자바스크립트는 HTML 문서의 모든 CSS 스타일을 변경할 수 있음.
- 자바스크립트는 HTML 문서에 새로운 HTML 이벤트를 추가하거나 반응할수 있음.
Event
이벤트라함은 사용자의 동작이나 프로그램에서 발생하는 특정한 상황을 의미한다. 이벤트가 발생하게되면 미리 개발자가 입력해둔 특정한 코드가 실행되고 그에따라 기능동작, 화면변경등의 변화가 생긴다.
- 웹 브라우저가 알려주는 HTML요소에 대한 사건의 발생을 의미.
- 자바스크립트는 이벤트에 반응하여 특정 동작을 수행할 수 있음.
- 입력양식으로 부터 사용자의 입력값을 가져올 수 있음.
- HTML이벤트속성은 자바스크립트 구문을 직접 실행 하거나 함수를 호출할 수 있다.
- 이벤트는 클릭 이벤트,마우스 이벤트,스크롤 이벤트,터치 이벤트,resize(화면 크기 변화) 이벤트등 다양하다.
용사님 힘을내세요~!