Notice
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
관리 메뉴

Jade_o.o

[javascript] JavaScript 공부 정리12 - DOM(Document Object Model) 본문

JavaScript

[javascript] JavaScript 공부 정리12 - DOM(Document Object Model)

by jade 2024. 1. 16. 17:41
DOM(Document Object Model)

• HTML 문서 요소의 집합
• HTML 문서는 각각의 node 와 object 의 집합으로 문서를 표현
• 따라서 각각 node 또는 object 에 접근하여 문서 구조 / 스타일 / 내용 등을 변경 할 수 있도록 하는 것

 

 

 

Document

• 웹 페이지에 존재하는 HTML 요소에 접근하여 행동을 하고자 할 때 사용하는 객체

 

 

DOM

•  1. 새로운 HTML 요소나 속성 추가
•  2. 존재하는 HTML 요소나 속성 제거
•  3. HTML 문서의 모든 HTML 요소 변경
•  4. HTML 문서의 모든 HTML 속성 변경
•  5. HTML 문서의 모든 CSS 스타일 변경
•  6. HTML 문서에 새로운 HTML 이벤트 추가
•  7. HTML 문서의 모든 HTML 이벤트에 반응

 

 

DOM API

• Document Object Model, Application Programming Interface

저작자표시 비영리 변경금지

'JavaScript' 카테고리의 다른 글

[javascript] JavaScript 공부 정리14 - 이벤트 addEventListener  (0) 2024.01.16
[javascript] JavaScript 공부 정리13 - 요소 선택, 요소 다루기, 요소 추가, 요소 삭제  (0) 2024.01.16
[javascript] JavaScript 공부 정리11 - 내장 객체(표준 객체) Date 객채, Math 객채  (0) 2024.01.16
[javascript] JavaScript 공부 정리10 - 내장 메소드(문자열 관련 메소드, 배열 관련 메소드, 메소드 체이닝, 배열에서의 반복)  (0) 2024.01.16
[javascript] JavaScript 공부 정리9 - 반복문(for문, while문),continue & break  (0) 2024.01.16
'JavaScript' Related Articles more