JavaScript学习:DOM节点之分割文本节点——splitText方法

文本节点学习时觉得需要记录的点

分割文本节点 

splitText()方法会将一个文本节点分成两个文本节点,即按照指定的位置分割 nodeValue 值。原来的文本节点将包含从开始到指定位置之前的内容,新文本节点将包含剩下的文本。这个方法会返回一个新文本节点,该节点与原节点的 parentNode 相同。来看下面的例子。 

var element = document.createElement("div");
element.className = "message"; 
 
var textNode = document.createTextNode("Hello world!"); 
element.appendChild(textNode); 
 
document.body.appendChild(element); 
 
var newNode = element.firstChild.splitText(5);
alert(element.firstChild.nodeValue);    //"Hello"
alert(newNode.nodeValue);               //" world!"
alert(element.childNodes.length);       //2 

在这个例子中,包含"Hello world!"的文本节点被分割为两个文本节点,从位置 5开始。位置 5 是"Hello"和"world!"之间的空格,因此原来的文本节点将包含字符串"Hello",而新文本节点将包 含文本" world!"(包含空格)。

分割文本节点是从文本节点中提取数据的一种常用 DOM解析技术。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值