HTML DOM createTextNode() 方法 | HTML DOM Document 对象

返回到:DOM 对象:HTML DOM Document 对象

定义和用法

createTextNode() 可创建文本节点。

浏览器支持

所有主要浏览器都支持 createTextNode() 方法

语法

document.createTextNode(text)

参数

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

返回值

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

技术细节

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

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年12月15日 上午11:28
下一篇 2021年12月15日 上午11:35

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注