createTextNode

最新推荐文章于 2024-01-23 09:58:08 发布

weixin_30758821

最新推荐文章于 2024-01-23 09:58:08 发布

阅读量265

点赞数

原文链接：http://www.cnblogs.com/zzq919101/p/6013960.html

版权

createTextNode()方法将创建一个包含给定文本的新文本文档节点。这个方法的返回值是一个指向新建文本节点的引用指针：

reference = document.createTextNode(text);

这个方法只返回一个参数：新建文本节点所包含的文本字符串。

reference = document.createTextNode("hello world");

createTextNode()方法所返回的引用指针指向一个几点对象，它是文本节点，所以它的nodeType属性值为3。

用createTextNode（）方法创建的新文本节点不会被自动添加到文档里面，新节点没有ParentNode属性。如果想把新的文本文档节点添加到你的文档里面，需要用appendChild()或insertBefore()方法。

var message = document.createTextNode("hello word");
var container = document.getElementById("intro");
container.appendChild(message);

这个例子将创建一个包含文本“hello world”的文本节点，并把这个文本节点追加到id值等于“intro”那个元素。

createTextNode()经常与createElement()方法配合使用。用下面语句将创建一段HTML内容，并且插入文档中

var message = document.createTextNode("hello world");
var container = document.createElement("p");
container.appendChild(message);
document.body.appendChild(container);

在这个例子中，第一条语句创建包含文本“hello world”的文本节点，并把由createTextNode()方法返回的引用指针赋值给变量message，第二条语句常见p元素，并且赋值给变量container，第三条使用appendChild()方法把message文本节点添加插入container元素节点上，第四条语句把刷新后的container元素追加给文档的bbody元素。

转载于:https://www.cnblogs.com/zzq919101/p/6013960.html