JS——DOM节点操作

主要包括

创建添加插入替换删除克隆

创建：document.createElement（'标签名'）
创造一个指定标签元素，返回的是一个创建好的元素节点、

如果浏览器无法识别标签名就会生成一个未知HTML元素

一般流程----

1创建空对象（只能用document调用）
2为空元素添加关键属性和内容
3将空元素加载到dom树中

添加：父节点.appendChild（子节点）

 

把这个子节点追加到父节点下所有子元素的末尾，如果加入的子节点已经存在DOM树中，那么就会改变该子节点的位置

插入：父节点.insetBefore（要插在哪个节点前面就写哪个节点）

 

它在参考节点之前插入了一个有父元素的子节点，如果引用的节点是文档树里面的，那么这个方法会把这个参考节点从原位置移动到新位置

替换：父节点.replaceChild（新节点，旧节点）

它会替换父元素下一个现有的旧节点，它会返回被替换掉的节点

删除：

方法1：父节点.removeChild(子节点)。从父节点中删除一个子节点

方法2：节点.remove().该节点自杀（element.remove（）把对象从它所属的DOM树删除）

克隆：节点.cloneNode（是否为克隆后代节点）

把该节点复制克隆出一个一模一样的，返回调用该方法的副本

document是我们的根，所以我们调用要用它打头阵
表单元素内容是表单元素.value

但凡跟删除挂钩的都要做判断