js向html中指定位置追加文本,JavaScript中如何添加文本节点?

在javascript中提供了很多操作DOM文档的方法,当然也包括创建一个节点,下面我们来看一下JavaScript如何创建一个创建一个文本节点(text)。

fbfa78b1a93fb12e59835bd92d1d8b07.png

JavaScript中添加文本节点的方法:

方法一、

最简单的方法就是用元素的innerHTML属性赋值,如:myNewElement.innerHTML = “我是文本”;

但这样并不能清晰的体现DOM中新增加了一个文本节点,容易出错。

方法二、

另一种添加文本节点的方式,可分为两步:

1、创建节点:文本节点的创建使用createTextNode方法,如:var myText = document.createTextNode(“我是文本”);

2、将创建的节点用appendChild方法添加某个元素下。如:myNewElement.appendChild(myText);

这样myNewElement就有myText的文本节点,文本节点的内容是“我是文本”。这个我在一个叫秒秒学的网 站上过了一遍,你可以看看。

使用下列方法可以操作节点中的文本:appendData(text):将text 添加到节点的末尾。

deleteData(offset, count):从offset 指定的位置开始删除count 个字符。

insertData(offset, text):在offset 指定的位置插入text。

replaceData(offset, count, text):用text 替换从offset 指定的位置开始到offset+count 为止处的文本。

plitText(offset):从offset 指定的位置将当前文本节点分成两个文本节点。

substringData(offset, count):提取从offset 指定的位置开始到offset+count 为止 处的字符串。

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值