HtmlDOM VS CoreDOM 차이점

DOM ?

Document Object Model의 약자로 웹 문서에 사용되는 요소를 객체화 시킨 모델을 말한다.

Core DOM

Core DOM 최초 객체 모델이 완성된 1988년 부터 HTML과 XML등을 다루기 위해서 생겨났다. 이후 HTML DOM과 XML DOM등이 추가 되었지만 Core DOM은 웹 브라우저간의 호환성이 뛰어나서 주로 사용된다.

<div id = "b1" description="버튼 입니다."> 버튼<div>

HTML DOM : b1

Core DOM: document.getElemnetById("b1")

Core DOM에서 HTML 객체 호출

getElementById(): id 속성 값을 사용해 객체를 가져온다. 

getElementByTabName(): 태그 이름을 사용하여 모든 객체를 불러와서 배열로 받는다.

document.getElementById("b1");

document.getElementByTabName("div")[0];

속성 값 가져오기

document.getElementByTagName('div')[0].getAttribute("description");

속성 사용여부 확인하기

document.getElementById("b1").hasAttribute();

속성 정의하기

document.getElementById("b1").setAttribut("width", 100);

정의된 속성 제거하기

document.getElementById("b1").removeAttribute();

HTML DOM 

HTML 태그에 대한 기본 모델로 id를 사용해 객체 모델을 작성한다. Core DOM 에 비해 단순한 구조를 가지고 있지만 웹브라우저마다 지원이 안될수가 있어 호환성에 문제가 생길 수 있다.