《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(); 分隔文本節點

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