• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM] JS - DOM (= 돔 = 문서객체모델) 정의

HTML DOM 의미 - HTML 문서 객체 모델 (= HTML Document Object Model)


HTML 문서에 대한 표준 객체 모델 및 프로그래밍 인터페이스로서,

요소들간의 구조적 관계 (= 조상 부모 형제 자식 자손 요소 관계)를 통해,
특정 요소를 선택 시 그 선택 요소의 위치를 기준으로 다른 요소들도 쉽게 선택 가능한 모델.


▒ HTML DOM 정의 내용

1. 객체 로서의 HTML 요소

2. 모든 HTML 요소 의 속성

3. 모든 HTML 요소에 액세스 하는 메소드

4. 모든 HTML 요소에 대한 이벤트

 

즉 ,
HTML DOM은 HTML 요소를 가져 오거나, 변경하거나, 추가하거나, 삭제하는 방법의 표준

 

 

 

HTML DOM 통해 JS가 가능한 일

 

  1. 페이지의 모든 HTML 요소를 변경 가능.
  2. 페이지의 모든 HTML 속성을 변경 가능.
  3. 페이지의 모든 CSS 스타일을 변경 가능.
  4. 기존 HTML 요소 및 속성을 제거 가능.
  5. 새로운 HTML 요소와 속성을 추가 가능.
  6. 페이지의 모든 기존 HTML 이벤트에 반응 가능.
  7. 페이지에서 새로운 HTML 이벤트를 생성 가능.

 

 

 

DOM 의미

 

DOM은 W3C (World Wide Web Consortium) 표준임.

"W3C DOM (Document Object Model)은 프로그램 및 스크립트가 문서의 내용, 구조 및 스타일을 동적으로 액세스하고 업데이트 할 수있게 해주는 플랫폼 및 언어 중립적 인터페이스임.

▒ W3C DOM 표준 구성

Core DOM - 모든 문서 유형에 대한 표준 모델

XML DOM - XML 문서의 표준 모델

HTML DOM - HTML 문서의 표준 모델

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Basic JS - Common Mistakes -
Basic JS - Performance -
Basic JS - Reserved Words -
Basic JS - Versions -
Basic JS - JSON (제이슨) - 데이터 전송 위한 가벼운 자료 형식.
Form JS - Forms - 폼양식 유효성 제어
Form JS - Forms API - 폼유효성
Object JS - Object - 객체개념(=객체의미=객체정의) ★ 3
Object JS - Object Property - 객체속성 ★
Object JS - Object Methods - 객체메서드 ★
Object JS - Object Accessors - 객체접근자 (Getter/Setter = 게러/세러 = 게터/세터… 2
Functions JS - Function Definition - 함수선언방법 + 함수호출방법 ★★★ (= 함수구문 + 함수특…
Functions JS - Function Parameter/argument - 함수 (매개변수/독립변수) ※ 변수 종류 ※ …
Functions JS - Function Invocation - 함수호출방법1 = (함수방식 + 메서드방식 + 함수생성자방…
Functions JS - call() 메서드 - 함수호출방법2 (= call메서드 = 콜메서드)
DOM JS - DOM (= 돔 = 문서객체모델) 정의
DOM JS - Method - 메서드 (= HTML 요소에 대한 수행 작업)
DOM JS - Document - 문서객체
DOM JS - Element Selector - 주요 요소선택자 (= 객체찾기) ※ JS외부링크호출 주의사항
DOM JS - HTML - 내용입력/내용변경/속성값변경(=속성값입력)
3/67
목록
찾아주셔서 감사합니다. Since 2012