createTextNode 메서드

createTextNode 메서드는 새로운 텍스트 노드를 생성합니다. 매개변수로 메서드는 새로운 텍스트 노드에 삽입될 데이터를 받습니다.

구문

javascriptlet text = document.createTextNode(data);

예시

문서에 새로운 텍스트 노드를 만들어 봅시다:

html<div id="parent">
  <p>text1</p>
  <p>text2</p>
</div>

javascriptlet parent = document.getElementById('parent');

let text = document.createTextNode('text3');
parent.appendChild(text);

코드 실행 결과:

html<div id="parent">
  <p>text1</p>
  <p>text2</p>
  text3
</div>

함께 보기