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

텍스트 요소 다루기

• HTML 텍스트를 변경하고 싶을 때

구문

노드.textContent 노드 내 텍스트

설명

textContent 는 요소 내 텍스트를 가져오거나 변경합니다. 텍스트를 가져올 때 HTML 태그는 무시합니다. textContent에 HTML 태그를 포함해도 태그가 아닌 문자열로 인식됩니다.

실습

index.html

<p id="weather">내일은 맑음</p>

---

script.js

const weather = document.querySelector('#weather');
const count = 3000;
setTimeout(() => {
  weather.textContent = '기온은 24도가 예상됩니다.'; 
}, count);