什么是文本节点 - Javascript

在Javascript中，文本节点（Text Node）是DOM中的元素类型之一。

什么是DOM？

Document Object Model（文档对象模型）简称DOM，是W3C（World Wide Web Consortium）组织推荐的处理可扩展标记语言（XML、HTML）的标准编程接口。

DOM表示了一个文档的层次结构，该文档可以是HTML、XML等标记语言。文档中的每个元素、属性、文本都是一个节点（Node），每个节点都有特定的类型，

什么是文本节点？

文本节点是DOM中表示文本内容的节点，它是一种特殊的节点类型，可以用来存储HTML或XML文档中的纯文本。

文本节点的类型值为3（即Node.TEXT_NODE），可以通过以下代码进行判断：

if(node.nodeType === Node.TEXT_NODE){
     // 这是一个文本节点
}

如何创建文本节点？

可以使用document.createTextNode()方法创建一个新的文本节点，该方法接收一个参数，即文本节点的内容。

例如，下面的代码创建了一个内容为“Hello World”的文本节点：

var textNode = document.createTextNode("Hello World");

可以通过父元素的appendChild()方法将文本节点添加到文档中：

document.body.appendChild(textNode);

如何操作文本节点？

在DOM中，文本节点的内容是可以被修改的。可以使用节点的nodeValue属性来修改文本节点的内容。

例如，下面的代码将一个文本节点的内容修改为“Hello JavaScript”：

textNode.nodeValue = "Hello JavaScript";

除此之外，还可以使用字符串的substring()方法来截取文本节点的内容。

var str = textNode.nodeValue.substring(0, 5); //获取文本节点的前5个字符