十年专注于品牌网站建设 十年专注于品牌网站建设,低调、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

介绍Text类型中appendData、deleteData、insertData、replaceData方法的使用方法

百恒网络 2016-11-21 715

通过此文章介绍Text中一些常用方法,文本节点由Text类型表示,包含的是可以照字面解释的纯文本内容。纯文本中可以包含转义后的HTML字符,但不能包含HTML代码。Text节点具有以下特征:

◎nodeType的值为3;

◎nodeName的值为"#text";

◎nodeValue的值为节点所包含的文本;

◎parentNode是一个Element;

◎不支持(没有)子节点。

可以通过nodeValue属性或data属性访问Text节点中包含的文本,这两个属性中包含的值相同。对nodeValue的修改也会通过data反映出来,反之亦然。使用下列方法可以操作节点中的文本:

◎appendData( text):将text添加到节点的末尾;

◎deleteData( offset,count):从offset指定的位置开始删除count个字符;

◎insertData( offset,text):在offset指定的位置插入text;

◎replaceData( offset,count,text):用text替换从offset指定的位置开始到offset count为止处的文本;

◎splitText( offset):从offset指定的位置将当前文本节点分成两个文本节点;

◎substringData(offset,count):提取从offset指定的位置开始到offset+count为止处 的字符串。

除了这些方法之外,文本节点还有一个length属性,保存着节点中字符的数目。而且,nodeValue.lenqth和data.length中也保存着同样的值。

在默认情况下,每个可以包含内容的元素最多只能有一个文本节点,而且必须确实有内容存在。

来看几个例子:

百恒网络!

上面代码给出的第一个

元素没有内容,因此也就不存在文本节点。开始与结束标签之间只要存在内容,就会创建一个文本节点。因此,第二个

元素中虽然只包含一个空格,但仍然有一

个文本子节点;文本节点的nodeValue值是一个空格。第三个

也有一个文本节点,其nodeValue 的值为"百恒网络"。可以使用以下代码来访问这些文本子节点:

var textNode=div. firstChild; //或者div. childNodes[0]

在取得了文本节点的引用后,就可以像下面这样来修改它了:

div. firstChild. nodeValue= "http://www.jxbh.cn"

如果这个文本节点当前存在于文档树中,那么修改文本节点的结果就会立即得到反映。另外,南昌网站制作公司百恒网络开发工程师提示大家在修改文本节点时还要注意,此时的字符串会经过HTML(或XML,取决于文档类型)编码。换句话

说,小于号、大于号或引号都会像下面的例子一样被转义:

//输出结果是"http://www. jxbh< /strong>.cn"

div. firstChild. nodeValue="http://www. jxbh.cn";

应该说,这是在向DOM文档中插入文本之前,先对其进行HTML编码的一种有效方式。

在所有浏览器中都可以通过脚本访问Text类型的构造函数和原型,包括IE8及更高版本。

本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广技人员有所帮助。原创文章出自:南昌网站建设公司-百恒网络 http: //www.jxbh.cn 如转载请注明出处!


400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×