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,即分割先後的文本節點還在以前所在的位置,只不過變成了兩個節點