×

聊下js里的文本节点的含义

作者:andy0012020.03.02来源:Web前端之家浏览:9204评论:0
关键词:js节点

聊下js里的文本节点的含义。

提到了JavaScript,就很难绕开一个概念DOM(Document Object Model 文档对象模型),DOM是W3C组织推荐的处理可扩展标志语言的标准编程接口,可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。Dom有三大节点:元素节点、属性节点、文本节点。

文本节点:DOM中用于呈现文本的部分,如<li>...</li>中的JavaScript、DOM、CSS等文本。

文本节点由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 为止处的文本。

  • plitText(offset):从offset 指定的位置将当前文本节点分成两个文本节点。

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

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

您的支持是我们创作的动力!
温馨提示:本文作者系,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js202002260121312421.html

网友评论文明上网理性发言已有0人参与

发表评论: