DOM相关操作

1、createChild

1. varoNewP=document.createElement("p");
2. varoText=document.createTextNode("HelloUniverse!");
3. oNewP.appendChild(oText);
4. document.body.appendChild(oNewP);

2、 removeChild

1. //方法一
2. varoP=document.body.getElementsByTagName("p")[0];
3. oP.parentNode.removeChild(oP);
4. //方法二
5. varoP=document.body.getElementsByTagName("p")[0];
6. document.body.removeChild(oP);

3、replaceChild

1. varoNewP=document.createElement("p");
2. varoText=document.createTextNode("HelloUniverse!");
3. oNewP.appendChild(oText);
4. varoOldP=document.body.getElementsByTagName("p")[0];
5. oOldP.parentNode.replaceChild(oNewP,oOldP);

4、DocumentFragment

1. vararrText=["first","second","third","fourth","fifth","sixth","seventh","eighth","ninth","tenth"];
2. varoFragment=document.createDocumentFragment();//进行缓存
4. for(vari=0;i<arrText.length;i++){
5. varoP=document.createElement("p");
6. varoText=document.createTextNode(arrText[i]);
7. oP.appendChild(oText);
8. oFragment.appendChild(oP);
9. }
11. document.body.appendChild(oFragment);