본문 바로가기

Web/JavaScript

[Javascript] Document 객체

- Documnet 객체

Document 객체는 웹 페이지 그 자체를 의미한다.

웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야 한다.

 

- Document 메소드

Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공한다.

  • HTML 요소의 선택
  • HTML 요소의 생성
  • HTML 이벤트 핸들러 추가
  • HTML 객체의 선택

 

- HTML 요소의 선택

HTML 요소를 선택하기 위해 제공되는 메소드는 다음과 같다.

 

-HTML 요소의 생성

새로운 HTML 요소를 생성하기 위해 제공되는 메소드는 다음과 같다.

 

- HTML 이벤트 핸들러 추가

HTML 요소에 이벤트 핸들러를 추가하기 위해 제공되는 메소드는 다음과 같다.

 

 

 

출처

http://tcpschool.com/javascript/js_dom_document

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

 

'Web > JavaScript' 카테고리의 다른 글

[Javascript] DOM 요소  (0) 2021.07.19
[Javascript] DOM 개념  (0) 2021.07.19
[Javascript] Javascript 인코딩  (0) 2021.07.19
[Javascript] 함수 호이스팅( hoisting )  (0) 2021.07.19
[Javascript] JSON 기초  (0) 2020.12.11