Text节点为文本节点node
nodeType为3app
nodeName为“#Text”orm
nodeValue为文本节点的内容,nodeValue也能够用data表示,都表明文本节点的内容对象
<div>hello</div>字符串
设取得的div的对象为divstring
则div.firstChild就是一个文本节点it
var a=div.firstChild;io
a有以下的方法方法
a.appendData("hhhhh") 在a中的文本的后面插入一段文字di
a.deleteData(num1,num2) 删除a中字符下标为num1到字符下标为num2之间的字符串
a.insertData(num,"ssss") 在a中字符下标为num的字符后面插入一段字符串
a.substringData(num1.num2) 提取a中字符下标为num1到字符下标为num2中的部分
a.splitData(num) 在a中字符下标为num的地方将a分红两部分,不保留下标为num的字符,只保留它前面的字符串和后面的字符串
a.replaceData(num1,num2."ssss") 将a中字符下标为num1到字符下标为num2的字符串替换为另外一个字符串
a.data.length/a.nodeValue.length 得到a中字符的个数,即a的长度
createTextNode 建立一个文本节点,该方法由document调用
var tx=document.createTextNode("ssssddddd");
div.appendChild(tx)//这样便将文本节点插入了div当中,使其成为div的一个子节点
即<div>ssssddddd</div>
normalize 将一个父节点的几个文本节点合并为一个文本节点,在文本节点的父节点上调用
注:开始标签和结束标签之间,空格算一个文本节点,若是什么都没有就没有文本节点
<div> </div>有一个文本节点
<div></div〉没有文本节点
var tx=document.createTextNode("ssssddddd");
var tx2=document.createTextNode("ssssddddd");
div.appendChild(tx1)
div.appendChild(tx2)
div.childNodes.length//此时为2
div.normalize() //在父节点div上调用该方法,将两个文本节点合并为一个文本节点
div.childNodes.length//此时为1
splitText 将一个文本节点分割成两个文本节点,在文本节点上调用该方法
var tx=document.createTextNode("ssss ddddd");
div.appendChild(tx)
var sss=tx.splitText(4)//该方法返回的结果为后面的字符串,即sss的值为ddddd
若是想得到前面的字符串
能够div.childNiodes.firstChild,即分割先后的文本节点还在以前所在的位置,只不过变成了两个节点