DOM 객체의 구조

이것은 문장입니다.



태그 이름으로 DOM 객체 찾기

저는 빨간 사과를 좋아해서 아침마다 한 개씩 먹고 있어요. 운동할 때는 중간 중간에 바나나를 먹지요. 탄수화물 섭취가 빨라 힘이 납니다. 또한 달콤한 향기를 품은 체리와 여름 냄새 물씬 나는 자두를 좋아합니다.

Class 이름으로 DOM 객체 찾기

HTML 문서 작성기 만들기

아래 박스에 HTML 문서를 작성하고 출력하기 버튼을 누르세요.


HTML 태그의 동적 추가 및 삭제

DOM 트리에 객체를 동적으로 삽입할 수 있습니다.

뒤에 만들기(클릭하세요)

CHAPTER 9

1. HTML 태그에 이벤트 리스너 작성

마우스를 올리면 배경색이 바뀝니다...

2. 이벤트 리스너 프로퍼티에 함수 연결

이벤트 리스너 프로퍼티에 함수를 연결하는 방법
마우스를 올리면 배경색이 바뀝니다.

3. addEventListener() 함수를 이용헌 이벤트 등록

마우스를 올리면 배경색이 바뀝니다.
addEventListener() 함수를 이용하여 이벤트 등록

이벤트 객체 전달

마우스를 올려보세요
클릭해보세요
더블클릭해보세요...

이벤트 객체 정보표시

이벤트의 디폴트 행동 취소 preventDefault() 함수 이용

CRIS 홈페이지로 이동하기 preventDefault()
CRIS 홈페이지로 이동하시겠습니까?

빵
술 (만 19세 이하 금지)

이벤트의 흐름 (캡처단계)

이것은 문장입니다.