DOM节点层次之Text类型

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

Text节点基本特征：

• nodeType：3
• nodeName：#text
• nodeValue：节点所包含的文本
• parentNode：一个Element

方法：

appendData(text):将text添加到节点的末尾

deleteData(offset,count):从offset指定的位置删除count个字符 

insertData(offset,text):从offset指定的位置插入text

replaceData(offset,count,text):用text替换从offset指定的位置开始到offset+count为止处的文本。

substringData(offset,count):提取从offset指定的位置开始到offset+count为止处的字符串。

1.创建文本节点

document.createTextNode(),参数：要插入节点中的文本

var element = document.createElement("div");
element.className = "message";
var textNode = document.createTextNode("hello world!");
element.appendChild(textNode);
document.body.appendChild(element);

2.规范化文本节点

前面Node类型中讲的模糊不清的normalize()现在要给出代码了。

    var element = document.createElement("div");
    element.className = "wyc";
    //第一个文本节点
    var textNode1 = document.createTextNode("hello world!");
    element.appendChild(textNode1);
    //第二个文本节点
    var textNode2 = document.createTextNode("wyc要努力!");
    element.appendChild(textNode2);
    document.body.appendChild(element);
    console.log(element.childNodes.length); //2
    element.normalize();
    console.log(element.childNodes.length); //1

3.分割文本节点

splitText()与normalize()相反,参数：位置值，及在指定位置分割文本节点

转载于:https://my.oschina.net/wyc1219/blog/830517