DHTML DOM(문서 객체 모델)

DOM(문서 객체 모델)은 문서의 각 요소에 접근할 수 있는 능력을 가지고 있습니다.

예제

주의:대부분의 DHTML 예제는 IE 4.0+、Netscape 7+ 또는 Opera 7+가 필요합니다!

요소 접근
요소에 접근하고 스타일을 변경하는 방법
속성 변경
이미지 요소에 접근하고 "src" 속성을 수정하는 방법
innerHTML
요소에 접근하고 내용을 수정하는 방법

요소에 어떻게 접근할 수 있습니까?

요소는 정의된 id 속성을 가지고 있어야 하며, 스크립트 언어가 필요합니다. JavaScript는 브라우저와의 호환성이 가장 좋은 스크립트 언어이므로 JavaScript를 사용합니다.

<html>
<body>
<h1 id="header">My header</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>

이 스크립트는 타이틀 요소의 색상을 변경하고 출력을 생성할 수 있습니다.

My header