HTML DOM createTextNode() 메서드


HTML DOM createTextNode() 메소드

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击按钮创建文本节点。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var t=document.createTextNode("Hello World");
	document.body.appendChild(t);
};

</script>

</body>
</html>

인스턴스 실행 »

온라인 예제를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

HTML 요소는 일반적으로 요소 노드와 텍스트로 구성됩니다. 전철기.

제목(H1)을 만들려면 "H1" 요소와 텍스트 노드를 만들어야 합니다.

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击按钮创建一个标题</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var h=document.createElement("H1");
	var t=document.createTextNode("Hello World");
	h.appendChild(t);
	document.body.appendChild(h);
};

</script>

</body>
</html>

예제 실행»

온라인 예를 보려면 "예제 실행" 버튼을 클릭하세요


정의 및 사용법

createTextNode()는 텍스트 노드를 생성할 수 있습니다.


브라우저 지원

QQ截图20161108165429.png

모든 주요 브라우저는 createTextNode() 메서드를 지원합니다.


Syntax

document.createTextNode(text)

Parameters

매개변수유형 설명
textString필수입니다. 텍스트 노드의 텍스트입니다.

반환 값

TypeDescription
텍스트 노드 개체텍스트 노드 만들기

기술 세부 정보

DOM 버전코어 레벨 1 문서 객체