normalize、splitText

来源:互联网 发布:m2m 数据采集 编辑:程序博客网 时间:2024/06/07 05:54
1、normalize:如果在包含两个或者多个文本节点的父元素上调用normalize()方法,则会将所有文本节点合并成一个节点;
var oDiv = document.createElement("div");    var text1 = document.createTextNode("第一个");    oDiv.appendChild(text1);    var text2 = document.createTextNode("第二个");    oDiv.appendChild(text2);    document.body.appendChild(oDiv);console.log(oDiv.firstChild.nodeValue);  //得到:第一个;如果调用normalize();
var oDiv = document.createElement("div");    var text1 = document.createTextNode("第一个");    oDiv.appendChild(text1);    var text2 = document.createTextNode("第二个");    oDiv.appendChild(text2);    document.body.appendChild(oDiv);oDiv.normalize()console.log(oDiv.firstChild.nodeValue); //返回  第一个第二个;合并成了一个文本节点;
2、splitText():分割文本节点;与normalize正好相反;
    var oDiv = document.createElement("div");    var text1 = document.createTextNode("第一个和第二个文本节点");    oDiv.appendChild(text1);    document.body.appendChild(oDiv);    oDiv.firstChild.splitText(5);    console.log(oDiv.firstChild.nodeValue);//返回:“第一个和第”  从splitTextu括号中的数字5开始分割的;    console.log(oDiv.lastChild.nodeValue); //返回:“二个文本节点”

原创粉丝点击