createDocumentFragment()--创建文档碎片节点
createElement(tagname)--创建标签名为tagname的元素
createTextNode(text)--创建包含文本text的文本节点
createElement()、createTextNode()、appendChild()
1
2
3
createElement() Example4
5 function createMessage() {
6 var oP = document.createElement("p");
7 var oText = document.createTextNode("Hello World!");
8 oP.appendChild(oText);
9 document.body.appendChild(oP);
10 }
11
12
13
14
15
removeChild()、replaceChild()、insertBefore()
删除节点
1
2
3
removeChild() Example4
5 function removeMessage() {
6 var oP = document.body.getElementsByTagName("p")[0];
7 oP.parentNode.removeChild(oP);
8 }
9
10
11
12
Hello World!
13
14
替换
1
2
3
replaceChild() Example4
5 function replaceMessage() {
6 var oNewP = document.createElement("p");
7 var oText = document.createTextNode("Hello Universe!");
8 oNewP.appendChild(oText);
9 var oOldP = document.body.getElementsByTagName("p")[0];
10 oOldP.parentNode.replaceChild(oNewP, oOldP);
11 }
12
13
14
15
Hello World!
16
17