DOM-02-DOM-节点操作 增删改查复制节点

增

1、创建节点
var img = docment.createElement(“img”);
设置新节点属性
img.src = “img/img.png”;
给那个元素插入节点
父亲.appendChild(img);

默认是在盒子的最后面插入节点

自定义插入的位置
获取插入父元素的子元素
var btn = document.getElementById("#btn");
父元素.inserBefore(img,btn);

删

方法一
先获取要删除的节点
var word =document.getElementById("#word");
然后再从父节点处找到自己 删除自己
word.parentNode.removerChild(word); //自杀式删除

方法二
word.remove();

复制节点

新节点 = 要复制的节点.cloneNode(参数);
参数:深copy 浅copy
默认是浅copy
true 深拷贝
浅拷贝只会拷贝当前自身 不会拷贝内部子元素
深拷贝不仅会拷贝当前自身 而且还会拷贝内部子元素