Text 类型

阅读更多

文本节点由Text类型表示，包含的是可以照字面解释的纯文本内容。纯文本中可以包含转义后的HTML字符，但不能包含HTML代码。Text节点具有以下特征：

• nodeType的值为3；
• nodeName的值为“#text”；
• nodeValue的值为节点所包含的文本；
• parentNode是一个Element；
• 不支持（没有）子节点。

可以通过nodeValue属性或data属性访问Text节点中包含的文本，这两个属性中包含的值相同。对nodeValue的修改也会通过date反映出来，反之亦然。使用下列方法可以操作节点中的文本：

• appendData（text）：将text添加到节点的末尾；
• deleteData(offset, count)：从offset指定的位置开始删除count个字符；
• insertData(offset, text)：从offset指定的位置插入text；
• replaceData(offset, text)：用text替换从offset指定的位置开始到offset+count为止处的文本；
• splitText(offset)：从offset指定的位置将当前文本节点分成两个文本节点；
• substringData(offset, count)提取从offset指定的位置开始到offset+count为止处的字符串。

除了这些方法之外，文本节点还有一个length属性，保存着节点中字符的数目。而且，nodeValue.length和data.length中也保存着同样的值。

在默认情况下，每个可以包含内容的元素最多只能有一个文本节点，而且必须确实有内容存在。来看几个例子：

 

 

Hello world!
可以使用以下代码来访问这些文本节点：
var textNode = div.firstChild;

 

 

 

在取得了文本节点的引用后，就可以向下面这样来引用它了：

 

div.firstChild.nodeValue = "Some other message";

 

 

如果这个文本节点当前存在于文档树中，那么修改文本节点的结果就会立即得到反映。另外，在修改文本节点时还要注意，此时的字符串会讲过HTML编码。换句话说，小于号、大于号或引号都会像下面的例子一样被转义：

 

//输出的结果是“some <strong>other</strong> message”
div.firstChild.nodeValue = "Some other message";

 

 

应该说，这是在向DOM文档中插入文本之前，先对其进行HTML编码的一种有效方式。
在所有浏览器中都可以通过脚本访问Text类型的构造函数和原型，包括IE8及更高版本。

转自:http://www.w3cmm.com/dom/text-type.html