Text類(lèi)型
文本節(jié)點(diǎn)由Text 類(lèi)型表示,包含的是可以照字面解釋的純文本內(nèi)容。純文本中可以包含轉(zhuǎn)義后的
HTML 字符,但不能包含HTML 代碼。Text 節(jié)點(diǎn)具有以下特征:
? nodeType 的值為3;
? nodeName 的值為”#text”;
? nodeValue 的值為節(jié)點(diǎn)所包含的文本;
? parentNode 是一個(gè)Element;
? 不支持(沒(méi)有)子節(jié)點(diǎn)。
可以通過(guò)nodeValue 屬性或data 屬性訪問(wèn)Text 節(jié)點(diǎn)中包含的文本,這兩個(gè)屬性中包含的值相
同。對(duì)nodeValue 的修改也會(huì)通過(guò)data 反映出來(lái),反之亦然。使用下列方法可以操作節(jié)點(diǎn)中的文本。
? appendData(text):將text 添加到節(jié)點(diǎn)的末尾。
? deleteData(offset, count):從offset 指定的位置開(kāi)始刪除count 個(gè)字符。
? insertData(offset, text):在offset 指定的位置插入text。
? replaceData(offset, count, text):用text 替換從offset 指定的位置開(kāi)始到offset+
count 為止處的文本。
? splitText(offset):從offset 指定的位置將當(dāng)前文本節(jié)點(diǎn)分成兩個(gè)文本節(jié)點(diǎn)。
? substringData(offset, count):提取從offset 指定的位置開(kāi)始到offset+count 為止
處的字符串。
除了這些方法之外,文本節(jié)點(diǎn)還有一個(gè)length 屬性,保存著節(jié)點(diǎn)中字符的數(shù)目。而且,
nodeValue.length 和data.length 中也保存著同樣的值。
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>工作記事本</title></head><body> <div id="wordText">這個(gè)是文本節(jié)點(diǎn)</div></body><script> var b = document.getElementById("wordText"); var text = b.childNodes.item(0); //獲取第幾個(gè)子節(jié)點(diǎn)文本值 console.log(text.nodeValue); text.appendData("加到后面的文本"); //文本節(jié)點(diǎn)追加新值 console.log(text.nodeValue); text.deleteData(0,2); //刪除指點(diǎn)位置文本 text.insertData(1,"insert"); //插入指點(diǎn)位置文本 text.replaceData(1,3,"插入的值"); //插入指點(diǎn)位置文本 text.splitText(2); //指點(diǎn)位置拆分文本節(jié)點(diǎn),原文本節(jié)點(diǎn)不變,返回拆分后的后面那部分的節(jié)點(diǎn)。 text.substringData(1,3); //方法跟字符串處理函數(shù) stringObject.substr(start,length);方法類(lèi)似</script></html>
聯(lián)系客服