节点基础~节点操作

一.创建和添加节点

1.创建节点 

document.createElement()方法创建由tagName指定的 HTM元素。因为这些元素原先不存在，是根据我们的需求动态生成的，所以我们也称为动态创建元素节点。 

2.添加节点

 node.appendchild()方法将一个节点添加到指定父节点的子节点列表末尾。类似于css里面的after伪元素。

node.insertBefore ()方法将一个节点添加到父节点的指定子节点前面。类似于css里面的 before伪元素。

简单版发布留言案例

二.删除节点

node. removechild(）方法从DOM中删除一个子节点，返回删除的节点。
 

删除留言

案例分析：

1.当我们把文本域里面的值赋值给li的时候，多添加一个删除的链接
2.需要把所有的链接获取过来，当我们点击当前的链接的时候，删除当前链接所在的li
3.阻止链接跳转需要添加javascriptvoid(0);或者javascript;

三.复制节点

 node.cloneaode(方法返回调用该方法的节点的一个副本。也称为克隆节点/拷贝节点

 注意：

1.如果括号参数为空或者为false，则是浅拷贝，即只克隆复制节点本身，不克降里面的子节点

2.如果括号参数为true，则是深度拷贝，会复制节点本身以及里面所有的子节点。