JavaScript学习-Text类型

1，介绍

• 表示文本的节点。
• 可以包含纯文本，转义后的HTML字符，但不能包含HTML代码。

• 代码示例

  <!-- 没有内容，也就没有文本节点 -->
  <div></div>
  
  <!-- 有空格，因而有一个文本节点 -->
  <div> </div>
  
  <!-- 有内容，因而有一个文本节点 -->
  <div>hello world!</div>
  

2，属性

• nodeType的值为3。
• nodeName的值为“#text”。
• nodeValue的值为节点所包含的文本；
• parentNode是一个Element;
• 没有子节点
• data的值等于nodeValue，获取节点内包含的文本。
• length，表示节点中字符的数目。相应的，nodeValue.length和data.length中保存着同样的值。

3，方法

• appendData(text)
• deleteData(offset,count):删除从offset位置count个字符。
• insertData(offset,text):在offset位置插入text。
• replaceData(offset,count,text):用text替换从offset位置开始到offset，count为止处的文本。
• splitText(offset)：从offset位置将当前文本节点分成两个文本节点。
• substringData(offset,count):提取从offset位置将当前文本节点分成两个文本节点。

• document.creatTextNode()

  • 创建新文本节点
  • 接收一个参数：要插入节点的文本
  • 会为其设置ownerDocument属性。

  • 代码示例

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

  • 一般情况下，每个元素只有一个文本子节点。不过，在某些情况下也可能包含多个文本子节点。
  • 如果两个文本节点是相邻的同胞节点，那么这个两个节点中的文本就会连起来显示，中间不会有空格。
• normalize()
  
  • 规范化文本节点，合并相邻文本节点的方法。
  • 结果节点的nodeValue等于将合并前每个文本节点的nodeValue值拼接起来的值。