在js中动态增删改元素

在js中动态增删改元素

• createElement 创建元素
• createTextNode 创建文本对象
• appendChild 把元素添加到容器的末尾
• insertBefore 把元素添加到指定容器中指定元素的前面

let box=document.createElement("div");
box.id="boxActive";
box.style.width="200px";
box.style.height="200px";
box.className='RED'
//动态创建一个文本
let text =document.createTextNode("zhufeng");
//添加：容器.appenChild(元素);
 box.appendChild(text);

 //放到指定元素前：容器.insertBefore([新增元素],[指定元素])
 let hh=document.getElementById('haha');
 document.body.insertBefore(box,haha);

cloneNode(true/false) 克隆元素或者节点
removeChild 移除容器中的某个元素

设置元素的自定义属性方式
setAttribute/getAttribute/removeAttribute 设置获取移除元素自定义属性信息（这种方式是吧自定义属性放到元素结构上）