자바스크립트는 웹 페이지의 텍스트나 스타일을 변경할 수 있습니다. 이와 같이 HTML 각 요소에 접근하는 방식은 DOM(Document Object Model) 인터페이스로 정의되어 있습니다. DOM은 트리 구조를 사용하여 HTML 문서를 다룹니다.
index.html
<p class="box">반갑습니다.</p>
script.js
const myBox = document.querySelector('.box');
myBox.innerText = '안녕하세요.';