DOM-操作文档树

元素的增删改查：

创建一个div标签将其赋值给box2

var box2=document.createElement("div")

给box2添加类名，如果想添加多个类名，必须每个类名之间打一个空格

box2.className="box2 box3"
//或

box2.className=box2.className+" box3"

添加多个类名

box2.classList.add("box2")

box2.classList.add("box3")
//这样就同时有了box2和box3两个类名了

删除类名

box2.classList.remove("box2")

将创建的标签插入html文档中

appendChild()方法接受一个节点对象作为参数，将其作为最后一个子节点，插入当前节点

box.appendChild(box2)

删除元素

父元素删除子元素

var box=document.querySelector("#box")

box.parentElement.removeChild(box)

自己移除

box.remove()

其他方法：

var box=document.querySelector("#box")

box.parentElement.innerHTML=""

克隆

在看克隆之前，我们得知道appendChlid方法，如果对同一个文档标签调用多次，是不会复制这个文档标签，然后打印在文档中的，而是将其移动，如果需要复制标签，那么就需要先克隆，然后再使用appendChild

                 var box2=box.cloneNode()//不会克隆事件等
				 var box2=box.cloneNode(true)//连同box的后代元素和所有的事件 一起克隆
				 box.appendChild(box2)