자바스크립트에서의 DOM 요소

페이지의 각 HTML 태그는 자바스크립트에서 자신만의 속성을 가진 특정 객체에 대응됩니다. 이 객체에는 태그의 텍스트, 속성값, 그리고 다른 유용한 정보들이 저장됩니다. 자바스크립트에서는 이러한 객체들을 DOM 요소라고 부릅니다.

HTML 코드에 다음과 같은 태그가 있다고 가정해 봅시다:

html<div id="elem">text</div>

변수 elem에 이 태그에 대한 참조가 들어있다고 합시다. 이 경우 elem 변수는 id와 textContent 속성을 가진 객체가 됩니다. id 속성은 우리 태그의 id 속성값을 포함하며, textContent 속성은 그 텍스트를 포함합니다.

다음 강의에서는 페이지 태그에 대한 참조를 자바스크립트에서 얻는 방법을 배우게 될 것입니다.