DOM的增删改

-- document.createElement("div")
//document.createElement:创建一个元素标签对象

-- 容器.appendChild(元素)：将元素添加到容器的末尾位置

-- div.parentNode.removeChild(div)
//删除元素

-- oldEle.parentNode.insertBefore(newEle,oldEle)
//将新的元素添加到老的元素之前

-- 元素.cloneNode(true/false) --> 默认为false
//克隆元素，false是只克隆元素本身，true是连带该元素的子孙一起克隆

-- 被替换的元素.parentNode.replaceChild(要替换的，被替换的)

增加自定义属性的方法:let clo=document.getElementById(“clo”)

• 把clo看做一个对象数据类型，我们在他开辟的空间中增加一个属性名：clo.ao=“123”;clo[“ao”]=“123”,，获取的时候只能是console.log(clo.ao)
• setAttribute：设置元素的属性（包含自定义的属性），使用这个方法会改变HTML的结构，会直接在HTML上体现出来,使用setAttribute()只能用getAttribute获取，console.log(clo.getAttribute(“ao”));也只能用removeAttribute(“ao”)删除，在IE6~8下，这个方法不能修改class属性,可以直接clo.className=“xi”