목록DOM (3)
멋쟁이v의 개발일지
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c0kRNo/btsgGjCrTJB/b5I9oUbIgemu62YJUEkUtk/img.png)
이벤트 - 브라우저는 처리해야 할 특정사건이 발생하면 이를 감지하여 이벤트를 발생 - 클릭, 키보드입력, 마우스 이동 등이 일어나면 특정한 타입의 이벤트 발생 - 이벤트 핸들러: 특정한 이벤트가 발생했을 호출될 함수 - 이벤트 핸들러 등록: 특정이벤트가 발생 시 이벤트 핸들러의 호출을 위임하는 것 자바스크립트의 이벤트 등록 방식 1) html 요소의 속성을 통해 이벤트 등록하는 방식(이벤트핸들러 어트리뷰트 방식) 2) css 선택자로 객체를 선택하여 이벤트를 등록하는 방식(이벤트 핸들러 프로퍼티 방식) 3) css 선택자로 객체를 선택하여 addEventListener 메소드로 이벤트를 등록하는 방식 html 요소 이벤트 (on 접두사) - 모든 테그는 on이라는 접두사를 가진 속성을 가지고 있다. - ..
요소노드 취득 - HTML의 구조나 내용 또는 스타일 등을 동적으로 조작하려면 먼저 요소 노드를 취득 id를 이용한 요소노드 취득 - document.getElementById(요소 id); - 반드시 문서노드를 통해 호출 한국스마트정보교육원 강의실301 한국스마트정보교육원 강의실302 태그 이름을 이용한 요소노드 취득 - document.getElementsByTagName(태그이름); - 모든 요소를 취득시에는 인수로 '*'를 전달 - 반드시 문서노드를 통해 호출 - HTMLCollection 객체에 담겨 반환 ksmart301 ksmart302 ksmart교직원실 class를 이용한 요소노드 취득 - document.getElementsByClassName(클래스이름); - 반드시 문서노드를 통해 ..
브라우저 객체 실습 실습1 실습. 1초마다 n이라는 변수에 값이 1씩 증가하는 코드를 작성하시오. 또한 10초마다 사용자에게 진행여부를 확인하고 진행시에는 n값 증가 지속적으로 진행 취소시 n값 진행 중단을 되도록 하시오. 실습2 실습. times h3태그의 텍스트노드에 1초마다 현재 시간을 출력하도록 하시오. (출력양식 : AM 10시 28분 30초) tag : #렌더링 #파싱 #파서 #URI #URL #URN #WAS #DOM #브라우저 Uploaded by N2T