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

文本节点由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);

element.normalize(); 相邻文本合并
element.splitText(); 分隔文本节点

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章