[HTML] DOM이란?(수정)

2013. 7. 19. 16:37

DOM(document object model) ?

HTML의 기본적인 구조를 다음과 같은 트리형태로 나타낼 수 있다.

(P는 저렇게 되는게 맞는건지...)

이런 구조를 가진 속성(노드)들에 접근하기 위하여 DOM API를 사용한다.

괄호안에 노드라고 적어놓았는데 노드는 COM 트리를 이루고 있는 가장 기초적인 단위로 최상위 노드를 시작으로 부모 노드와 자식 노드를 가질 수 있다.

<html>
<head>
</head>
<body>
    <h1 id="id1">test</h1>
</body>
</html>

document.getElementById("id1").setAttribute("color", "#e2e2e2");

document = 현재 문서

getElementById() = 인자로 넣어준 값이 id인 객체를 반환한다.

setAttribute() = 속성을 변경한다.