文本节点由Text类型表示,包含的是可以照字面解释的存文本内容。
| - | - |
|---|---|
| nodeType的值: | 3 |
| nodeName的值: | “#text” |
| nodeValue的值: | 节点中所包含的文本 |
| parentNode的值: | Element |
| 子节点 | 无 |
创建文本节点
| 方法 | 参数 | 功能 |
|---|---|---|
| document.createTextNode() | 接受一个参数:要插入节点的文本 | 创建新文本节点 |
//创建文本节点的同事,也可以设置ownerDocument属性
var element = document.createElement("div");
element.className = "message";
var textNode = document.createTextNode("Hello world!");
element.appendChild(textNode);
var anotherTextNode = document.createTextNode("Yoho");
element.appendChild(anotherTextNode );
//<div class="message">
// 'Hello world!'
// 'Yoho'
//</div>
document.body.appendChild(element);
element.normalize(); 相邻文本合并
element.splitText(); 分隔文本节点
本文介绍了文本节点的基本概念,包括其nodeType、nodeName、nodeValue等属性,以及如何使用document.createTextNode()方法创建文本节点,并通过实例展示了如何将文本节点添加到元素节点中,以及如何进行文本节点的合并与分割。

被折叠的 条评论
为什么被折叠?



