[자바스크립트] DOM이란..? DOM의 속성과 DOM의 개체

DOM이란 ?

DOM은 문서 객체 모델(The Document Object Model)의 줄임말로, HTML문서를 브라우저가 이해하게끔 만든 Tree 자료구조입니다. 즉 더 쉽게 말하면 HTML의 태그 하나하나를 모두 객체화 한것 입니다. 

 

DOM의 document 란?

DOM객체의 속성(Property)

 DOM 객체의 속성은 객체에 관한걸 묘사하는것입니다. 예를들어 자동차로 비유를 해서 설명 해본다면 DOM 객체의 속성은 자동차의 시트수, 문의 객수, 자동차의 색깔을 표현(묘사)에 관한 것입니다. 

예) car.color = "red"

 

기본적인 프로퍼티로는 style, innerHTML, firstChildd와 같은 프로퍼티가 있습니다. 프로퍼티(property)

 

 

DOM의 속성 매서드 설명 : 노란자동차

 

 

DOM객체의 매서드(Method)

DOM객체의 매서드의 경우는 객체가 무엇을 할수있는지?(can do)에 관한것입니다. 위의 자동차를 예시로 설명을 한다면 자동차의 브레이크 페달을 밟았을때의 brake, 혹은 drive 처럼 자동차가 무엇을 할수있는지에 대한 것입니다.

예) car.drive()

 

매서드의 종류로는 click() , appendchild(), setAttribute()와 같은 매서드가 있습니다.