1、createChild
- varoNewP=document.createElement("p");
- varoText=document.createTextNode("HelloUniverse!");
- oNewP.appendChild(oText);
- document.body.appendChild(oNewP);
2、 removeChild
- //方法一
- varoP=document.body.getElementsByTagName("p")[0];
- oP.parentNode.removeChild(oP);
- //方法二
- varoP=document.body.getElementsByTagName("p")[0];
- document.body.removeChild(oP);
3、replaceChild
- varoNewP=document.createElement("p");
- varoText=document.createTextNode("HelloUniverse!");
- oNewP.appendChild(oText);
- varoOldP=document.body.getElementsByTagName("p")[0];
- oOldP.parentNode.replaceChild(oNewP,oOldP);
4、DocumentFragment
- vararrText=["first","second","third","fourth","fifth","sixth","seventh","eighth","ninth","tenth"];
- varoFragment=document.createDocumentFragment();//进行缓存
- for(vari=0;i<arrText.length;i++){
- varoP=document.createElement("p");
- varoText=document.createTextNode(arrText[i]);
- oP.appendChild(oText);
- oFragment.appendChild(oP);
- }
- document.body.appendChild(oFragment);