HTML DOM Document createTextNode() 메서드

정의와 사용법

createTextNode() 메서드는 텍스트 노드를 생성합니다。

추가 정보:

Document createElement() 메서드

Element appendChild() 메서드

Element insertBefore() 메서드

HTML 요소는 노드입니다

모든 HTML 요소는 노드입니다。

요소는 노드입니다. 속성은 노드입니다. 텍스트는 노드입니다。

일부 요소에는 다른 노드가 포함됩니다。

일부 요소에는 텍스트 노드가 포함됩니다。

일부 요소에는 속성 노드가 포함됩니다。

예제

예제 1

텍스트 노드를 생성하고 문서에 추가합니다：

let textNode = document.createTextNode("Hello World"); document.body.appendChild(textNode);

직접 시도해 보세요

예제 2

텍스트 노드를 포함한 <h1> 요소를 생성합니다：

const h1 = document.createElement("h1");
const textNode = document.createTextNode("Hello World");
h1.appendChild(textNode);

직접 시도해 보세요

예제 3

텍스트 노드를 포함한 <p> 요소를 생성합니다：

const para = document.createElement("p");
const textNode = document.createTextNode("Hello World");
para.appendChild(textNode);

직접 시도해 보세요

문법

document.createTextNode(data)

매개변수

매개변수 설명
data 필수. 노드의 텍스트.

반환 값

타입 설명
노드 지정된 텍스트를 나타내는 새로운 텍스트 노드를 생성합니다： data 문자열.

브라우저 지원

document.createTextNode() DOM Level 1 (1998) 기능입니다。

모든 브라우저에서 지원됩니다：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원