DOM2 Javascript : HTML DOM 이벤트 모음 자바스크립트 이벤트(Event)란? 이벤트(Event)는 어떤 사건을 의미한다. 브라우저에서의 이벤트란 사용자가 버튼을 클릭했을 때, 웹페이지가 로드되었을 때와 같은 것인데 이것은 DOM요소와 관련이 있다. 이벤트가 발생하면 그에 맞는 반응을 하여야 한다. 이를 위해 이벤트는 일반적으로 함수에 연결되며 그 함수 는 이벤트가 발생하기 전에는 실행되지 않다가 이벤트가 발생되면 실행된다. 이 함수를 이벤트 핸들러 라 하고 이벤트에 대응하는 처리를 기술한다. 이벤트(Event) 종류 - 문서 로딩 이벤트 - about 웹 문서가 완전히 로딩되기 전에 불러오기를 멈췄을 때 이벤트가 발생한다. - error 문서가 정확히 로딩되지 않았을 때 이벤트가 발생한다. - load 문서 로딩이 끝나면 이벤트가 발생한다. -.. 2022. 7. 12. Javascript : DOM 요소에 접근하고 조작하는 방법 DOM (Document Object Model) 이란? Document = 문서 Object = 객체 Model = 모델 HTML의 태그들을 웹 브라우저의 메모리에 올려서 자바스크립트로 사용하기 위해 만들어진 웹문서이다. 자바스크립트를 통해 HTML에 접근하려면 HTML태그들이 객체가 되어야 한다. 그래야 자바스크립트를 통해 각 객체에 접근을 할 수 있기 때문이다. 이 객체를 DOM에서는 노드(Node)라고 부른다. DOM과 HTML의 차이점 HTML DOM 단순히 규칙에 따라 정해진 태그, 속성값으로 이루어진 언어이다. 브라우저가 HTML 파싱한 후 생성되는 객체 모델로 document에 접근가능한 API이다. CSS 선택기를 사용하여 DOM 요소를 선택하는 방법 1. querySelector를 .. 2022. 7. 12. 이전 1 다음
