JavaScript 浅谈DOM节点层次：Text /Coment等类型

浅谈DOM其他节点层次：Text 、Coment、 

一、Text类型——文本

    Text类型表示纯文本内容，其特性有

    nodeType == 3  ;  nodeName == "#text"  ;   nodeValue == "节点内的所有文本"

    访问Text节点：可通过nodeValue属性或者data属性访问

    文本节点：标签间有空格或者文本为一个文本节点 

1、操作文本方法：

1）在节点末尾添加文本：appendDate (text ) ；

2）删除文本：deleteDate(offset,count)   在offset位置删除count个字符

3）插入文本：insertDate(offset,text)  在offset位置插入text

4）替换文本：replaceDate(offset,count,text)  在offset位置用text替换count个字符

5）分割文本：splitText(offset)  在offset处拆分成两个text

6）提取文本：substringDate(offset,count)   在offset处提取count个字符

2、属性：nodeValue.length 和 data.length 保留着文本字符数目

3、创建文本节点——document.createTextNode( )

var element = doucument.createElement("div");    //创建一个div元素节点
element.className = "Div"；     //为div节点添加class特性

var textNode = document.createTextNode("文本内容啊！");  //创建一个text节点

element.appendChild(textNode);    // 把text节点加入div末尾
document.body.appendChild(element); //把div加入body末尾

注意：只有通过方法（例如：appendChild等）将创建的节点加入文档中，才能在浏览器中看见此节点！

4、规范化文本节点——相邻文本节点合并

    在含多个文本节点的父元素上调用normalize( )方法，则会将所有文本节点合并成一个节点。

如div.normalize( )  则会将div中的所有Text节点合并。

 

二、Comment类型——注释

    nodeType == 8 ;    nodeName == "#comment" ;     nodeValue == "注释内容"  

    Comment类型与Text类型继承自相同的基类，所以他拥有除了splitText( )方法之外的所有Text方法。

   创建注释节点——document.createComment( )

var comment = document.createComment("这是注释内容") ;//创建一个注释

三、DocumentFragment类型——文档片段

    DocumentFragment类型可以包含和控制节点，可作为仓库存放可能会添加到文档中的节点。

创建文档片段：  document.createDocumentFragment( );