Text節點

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

相關文章
相關標籤/搜索