创建DOM，并插入到合适位置

创建DOM

var element=document.createElement("div");

只是用来创建一个DOM对象，给DOM一个名称。还没有加载到页面上

插入节点

1.appendchild

向元素添加新的子节点，作为最后一个子节点。

document.getElementById("myList").appendChild(newListItem);

2.insertBefore()

insertBefore() 方法在您指定的已有子节点之前插入新的子节点。

document.getElementById("myList").insertBefore(newItem,existingItem);

复制节点

cloneNode()

克隆元素。

var node=document.getElementById("myList2").lastChild.cloneNode(true);

这个也只是创建了一个DOM没有把它插入页面

cloneNode() 代表浅克隆
—标签里的元素，事件没有复制。
cloneNode(true) 代表深克隆
—完全把真节点的东西给复制了过来

删除节点

removeChild()

从元素中移除子节点。

var list=document.getElementById("myList");
list.removeChild(list.childNodes[0]);

如果删除的这个节点还有子节点，连同子节点全部删除

替换节点

replaceChild()

替换元素中的子节点。

document.getElementById("myList").replaceChild(newnode,oldnode);

查看子节点

childNodes 属性

获得 body 元素的子节点集合：

document.body.childNodes;

查看父节点

parentNode - 节点（元素）的父节点

怎么获取JS创建的DOM

需要进行操作的dom节点可能不是一开始就出现在文档流当中，所以使用常规获取节点的方式并不能取到要操作的节点。

？？？？？