HTML DOM splitText()用法及代码示例

splitText()方法将Text节点按指定的偏移量索引分成两个节点，并将树中的两个节点都保持为同级。

分割文本后，主节点将包含所有内容，直到指定的偏移索引点为止，而新创建的相同类型的节点将包含剩余的文本。

用法:

newTextNode=textNode.splitText(offsetIndex)

参数：

offset index:索引，紧接在该索引之前要断开文本节点。

返回值：

返回新创建的Text节点，该节点包含偏移索引之后的文本。

例：

<html> 
   <head> 
      <title>HTML | DOM textSplit() method</title> 
      <p id="h">GeeksforGeeks</p> 
      <script> 
        // get the p element 
          const a = document.getElementById('h'); 
        // get the textcontent in textnode  
          const firstNode = a.firstChild; 
        // splitting the firstnode at 5th offset index 
          const newNode = firstNode.splitText(5); 
          console.log(firstNode); 
          console.log(newNode); 
      </script> 
   </head> 
</html>

输出：

在控制台中，可以看到两个拆分的文本节点。

支持的浏览器：

谷歌浏览器
Edge
Firefox
Opera

相关用法

注：本文由纯净天空筛选整理自taran910大神的英文原创作品 HTML DOM splitText() method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。