JavaScript中如何添加文本节点?
在javascript中提供了很多操作dom文档的方法,当然也包括创建一个节点,下面我们来看一下JavaScript如何创建一个创建一个文本节点(text)。
方法一、
最简单的方法就是用元素的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 为止 处的字符串。
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!