Node(节点)的4个操作方法

 1 //Example 1
 2 var returnedNode = someNode.appendChild(newNode);
 3 console.log(returnedNode == newNode);
 4 console.log(someNode.lastChild == newNode);
 5 
 6 //Example 2
 7 var returnedNode = someNode.appendChild(someNode.firstChild);
 8 console.log(returnedNode == someNode.firstChild); //false
 9 console.log(returnedNode == someNode.lastChild); //true
10 
11 //插入后成为最后一个子节点
12 returnedNode = someNode.insertBefore(newNode, null);
13 console.log(newNode == someNode.lastChild); //true
14 
15 //插入后成为第一个子节点
16 var returnedNode = someNode.insertBefore(newNode, someNode.firstChild);
17 console.log(returnedNode == newNode);//true
18 console.log(newNode == someNode.firstChild);//true
19 
20 //插入到最后一个子节点前面
21 var returnedNode = someNode.insertBefore(newNode,someNode.lastChild);
22 console.log(newNode == someNode.childNodes[someNode.childNodes.length - 2]);//true
23 
24 //替换第一个子节点
25 var returnedNode = someNode.replaceChild(newNode,someNode.firstChild);
26 
27 //替换最后一个子节点
28 var returnedNode = someNode.replaceChild(newNode,someNode.lastChild);
29 
30 //移除第一个子节点
31 var formerFirstChild = someNode.removeChild(someNode.firstChild);
32 
33 //移除最后一个子节点
34 var formerFirstChild = someNode.removeChild(someNode.lastChild);

转载于:https://www.cnblogs.com/qzsonline/archive/2012/05/07/2486953.html