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

//Example 1
var returnedNode = someNode.appendChild(newNode);
console.log(returnedNode == newNode);
console.log(someNode.lastChild == newNode);

//Example 2
var returnedNode = someNode.appendChild(someNode.firstChild);
console.log(returnedNode == someNode.firstChild); //false
console.log(returnedNode == someNode.lastChild); //true

//插入后成为最后一个子节点
returnedNode = someNode.insertBefore(newNode, null);
console.log(newNode == someNode.lastChild); //true

//插入后成为第一个子节点
var returnedNode = someNode.insertBefore(newNode, someNode.firstChild);
console.log(returnedNode == newNode);//true
console.log(newNode == someNode.firstChild);//true

//插入到最后一个子节点前面
var returnedNode = someNode.insertBefore(newNode,someNode.lastChild);
console.log(newNode == someNode.childNodes[someNode.childNodes.length - 2]);//true

//替换第一个子节点
var returnedNode = someNode.replaceChild(newNode,someNode.firstChild);

//替换最后一个子节点
var returnedNode = someNode.replaceChild(newNode,someNode.lastChild);

//移除第一个子节点
var formerFirstChild = someNode.removeChild(someNode.firstChild);

//移除最后一个子节点
var formerFirstChild = someNode.removeChild(someNode.lastChild);