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