[javascript] 8. 객체 모델 정리
1. 객체 모델의 종류
2. 기본 내장 객체 모델
1) 정의
- JavaScript관련 객체
- 자바스크립트 엔진에 내장되어있다.
2) 객체 종류
- developer.mozilla.org 에서 제공하는 내장 객체
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects
3. 브라우저 객체 모델
1) 정의
- 브라우저를 다루기 위한 객체
- 브라우저에 계층적으로 내장되어있는 객체들이다.
2) 객체 종류
4. 문서 객체 모델
1) 정의
- HTML을 조작 하기 위한 객체
2) 객체 종류
- HTML Tag 하나를 노드(Node) 또는 객체 라고 합니다.
분류 |
메소드 |
설명 |
document 객체의 노드 생성 |
createElement(tagNmae) |
요소 노드를 생성 합니다. |
createTextNode(text) |
Text 노드를 생성합니다. |
|
문서 객체의 연결 |
appendChild(node) |
객에에 node를 연결 합니다. |
문서 객체의 속성 |
setAttribute(name, value) |
객체에속성을 지정합니다. name : 속성명 value : 속석 값 |
getAttribute(name) |
객체의 속성을 가져옵니다. |
|
document 객체의 문서 객체 선택 |
getElementById(id) |
태그의 id 속성이 id 매개변수와 일치하는 문서 객체를 가져옵니다. |
getElementByName(name) |
태그의 name 속성이 name 매개벼수와일치하는 문서 객체를 배열로 가져옵니다. |
|
getElementByTagName(tagName) |
tagName 매개변수와 일치하는 문서 객체를 배열로 가져옵니다. |
|
querySelector(선택자) |
선택자로 가장 처음 선택되는 문서 객체를 가져옵니다. |
|
querySelectorAll(선택자) | 선택자를 통해 선택되는 문서 객체를 배열로 가져 옵니다. | |
문서 객체 제거 | removeChild(child) | 문서 객체의 자식 노드를 제거합니다 |
분류 | 속성 | 설명 |
문서 객체의 속성 | innerHTML | HTML코드를 삽입 합니다. |
'ProgrammingLang > Javascript' 카테고리의 다른 글
[javascript] module 시스템 (0) | 2022.04.29 |
---|---|
[javascript] 9. event 사용 및 event 모델 정리 (0) | 2018.10.20 |
[javascript] 7. 자바스크립트 생성자 함수와 프로토타입 (0) | 2018.10.08 |
[javascript] 6. 자바스크립트 값 복사와 참조 복사 그리고 clone (0) | 2018.10.07 |
[javascript] 5. 자바스크립트 객체 란? (0) | 2018.10.06 |