JavaScript Reference Manual / HTML DOM createTextNode() 方法

HTML DOM createTextNode() 方法

HTML DOM createTextNode() 方法

实例

<!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" 元素和文本节点:

实例

<!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() 方法


语法

document.createTextNode(text)

参数

参数类型描述
textString必须。文本节点的文本。

返回值

类型描述
文本节点对象创建文本节点

技术细节

DOM 版本Core Level 1 Document Object