创建并添加新节点，删除，替换和克隆

创建标签节点：document.creatElement(tagName)；
创建文本节点：document.createTextNode(msg)；
添加节点：appendChild();
innerText=“”节点文本内容；如果有代码也作为纯文本显示
innerHtml属性可以解析内部带有html代码的玩呢吧
divNode.innerHTML="haha,zheshi quyu".fontcolor('red');
divNode.innerHTML="<input type="button">"




删除节点removeChild：
oRemove=object.removeChild(oNode);
删除子节点必须要找到父节点。


需求：把div_2节点删掉，两种方式
1.找到div_2的父节点，然后再用removeChild删除
alert(divNode.parentNode.nodeName);
divNode.parentNode.removeChild(divNode);//一起删除
2.divNode.removeNode(true);//删除当前节点，下面的子节点


向上顶上。为true时，节点的内容也删除，为faluse




替换节点replaceChild：
oreplace=object.replaceChild(oNewNode,oChildNode)


replaceNode：oreplace=object.replaceNode(0newNode)
//需求：将div_3区域中的文本节点，替换成一个新的文本节点


，当然可以使用innerText，innerHTML，
思路：
1.获取原文本节点
2.创建一个新的文件节点
3.通过div的方法完成替换




//需求：
用div区域三节点替换div区域一，相当于原节点删除
var divNode_1=document.getElementById("div_1");
divNode_1.replace(divNode);


克隆节点oclone=object.cloneNode[bCloneChildren]：
//需求：用div4替换div1，但是还有div4保留原位置
思路:)
1复制一个div4节点
2.通过替换完成div_1被取代，div4存在两个。
var divNode_4=document.getElementById("div_4");
var divNode_1=document.getElementById("div_1");
//复制一个div_4节点
var copy_4=divNode_4.cloneNode(true);
divNode_1.replaceNode(divNode_4);
详情见代码


firstChild=childNodes[0]
last-----=-----------[length-1]