[책] 자바스크립트 코드 레시피 278 - 118일차

자바스크립트 요소 다루기

• 자바스크립트에서 HTML 요소를 다루고 싶을 때

설명

자바스크립트는 웹 페이지의 텍스트나 스타일을 변경할 수 있습니다. 이와 같이 HTML 각 요소에 접근하는 방식은 DOM(Document Object Model) 인터페이스로 정의되어 있습니다. DOM은 트리 구조를 사용하여 HTML 문서를 다룹니다.

실습

index.html

<p class="box">반갑습니다.</p>

---

script.js

const myBox = document.querySelector('.box');
myBox.innerText = '안녕하세요.';