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

相关资源：JAVA上百实例源码以及开源项目