최신 웹 개발 튜토리얼
 

HTML DOM createTextNode() Method

<문서 객체

텍스트 노드를 만듭니다

var t = document.createTextNode("Hello World");

그 결과는 다음과 같습니다

Hello World
»그것을 자신을 시도

HTML 요소는 종종 요소 노드와 텍스트 노드 모두로 구성되어 있습니다.

헤더 만들려면 (eg <h1>) , 당신은 모두 작성해야합니다 <h1> 요소와 텍스트 노드를 :

크리에이트 <h1> 일부 텍스트 요소를 :

var h = document.createElement("H1")                // Create a <h1> element
var t = document.createTextNode("Hello World");     // Create a text node
h.appendChild(t);                                   // Append the text to <h1>

그 결과는 다음과 같습니다

Hello World

»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

createTextNode() 메서드는 지정된 텍스트와 텍스트 노드를 작성합니다.

팁 : 사용 createElement() 지정된 이름의 요소 노드를 작성하는 방법을.

팁 : 텍스트 노드를 만든 후 사용 요소를. appendChild() 또는 소자. insertBefore() 메소드는 요소에 추가한다.


브라우저 지원

방법
createTextNode()

통사론

document.createTextNode( text )

매개 변수 값

매개 변수 유형 기술
text String 필요합니다. 텍스트 노드의 텍스트

기술적 세부 사항

DOM 버전 : 코어 레벨 1 문서 객체
반환 값 : 생성 된 텍스트 노드와 텍스트 노드 객체

예

더 예

크리에이트 <p> 일부 텍스트 요소를 :

var para = document.createElement("P");                       // Create a <p> element
var t = document.createTextNode("This is a paragraph.");      // Create a text node
para.appendChild(t);                                          // Append the text to <p>
»그것을 자신을 시도

<문서 객체