javascript DOM 编程方法——创建文本节点

以下内容来自网匠科技

 

 创建文本节点

************************createTextNode()***************************

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

 

reference = document.createTextNode(text)
这个方法只有一个参数：新建文本节点所包含的文本字符串：
reference = document.createTextNode("hello world");
createTextNode()方法所返回的引用指针指向一个节点对象。他是一个文本节点，所以他的nodeType属性值将等于3：
var = message = document.createTextNode("hello world");
在这个例子里，message.nodeType返回值将是3。message.nodeName返回值将是#text。
用createTextnode()方法创建的新文本节点不会被自动添加到文档里。新节点没有parentNode属性。如果想把新创建的文本节点添加到你的文档里，则需要使用appendChild()或insertBefore()方法（参见后面的“插入节点”小节）replaceChild()方法（参见后面的“替换节点”小节）：

var message = document.createTextNode("hello world");
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。第二条语句用createElement()方法创建了一个P元素，并将其引用指针赋值给了变量container。第三条语句用appendChild()方法把message文本节点插入了container元素节点。第四条语句把刷新后的container元素追加给了文档的body元素。