ProgrammingLang/Javascript

[javascript] 8. 객체 모델 정리

jinkwon.kim 2018. 10. 20. 17:52
728x90
반응형

[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코드를 삽입 합니다.











728x90
반응형