《JS高程（3）》DOM节点层次Text类型-第10章笔记(14)

ymc_Webpack

于 2017-02-05 17:24:05 发布

阅读量210

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript dom

本文链接：https://blog.youkuaiyun.com/ymc_webpack/article/details/54882172

JavaScript 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了文本节点的基本概念，包括其nodeType、nodeName、nodeValue等属性，以及如何使用document.createTextNode()方法创建文本节点，并通过实例展示了如何将文本节点添加到元素节点中，以及如何进行文本节点的合并与分割。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文本节点由Text类型表示，包含的是可以照字面解释的存文本内容。

-	-
nodeType的值：	3
nodeName的值：	“#text”
nodeValue的值：	节点中所包含的文本
parentNode的值：	Element
子节点	无

创建文本节点

方法	参数	功能
document.createTextNode()	接受一个参数：要插入节点的文本	创建新文本节点

//创建文本节点的同事，也可以设置ownerDocument属性
var element = document.createElement("div");
element.className = "message";

var textNode = document.createTextNode("Hello world!");
element.appendChild(textNode);

var anotherTextNode = document.createTextNode("Yoho");
element.appendChild(anotherTextNode );

//<div class="message">
//  'Hello world!'
//  'Yoho'
//</div>
document.body.appendChild(element);