返回到：DOM 对象：HTML DOM Document 对象
定义和用法
createTextNode() 可创建文本节点。
浏览器支持
所有主要浏览器都支持 createTextNode() 方法
语法
document.createTextNode(text)参数
| 参数 | 类型 | 描述 |
|---|---|---|
| text | String | 必须。文本节点的文本。 |
返回值
| 类型 | 描述 |
|---|---|
| 文本节点对象 | 创建文本节点 |
技术细节
| DOM 版本 | Core Level 1 Document Object |
|---|
实例
创建一个文本节点：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</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">
<title>Web176教程网(web176.com)</title>
</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>作者：terry，如若转载，请注明出处：https://www.web176.com/javascriptbook/domtips/4600.html
支付宝 
微信 