DOM —【节点的操作】

var oul=document.getElementsByTagName('ul')[0];
var newOli=document.createElement('li');
oul.appendChild(newOli);

appendChild(节点)：在oul下的childNode中的末尾添加一个节点；

var oul=document.getElementsByTagName('ul')[0];
var newOli=document.createElement('li');
oul.insertBefore(newOli,oul.children[2]);

insertBefore(要插入的节点，参照点）：插入的节点插入到参照点之前；

var oul=document.getElementsByTagName('ul')[0];
var newOli=document.createElement('li');
oul.replaceChild(newOli,oul.children[2]);

replaceChild(要插入的节点，参照点)：新节点会替换掉参照点；

var oul=document.getElementsByTagName('ul')[0];
oul.removeChild(oul.children[2]);

removerChild(要删除的节点)：把被选中的节点删除掉；

var oul=document.getElementsByTagName('ul')[0];
var newOli=oul.children[2].cloneNode(true)
var newOli1=oul.children[2].cloneNode(false)
console.log(newOli);
console.log(newOli1);

cloneNode( )：复制其选中的节点内容，true为深层复制 / false为浅复制