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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。