<body>
<div class="box">hello world</div>
</body>DOM元素操作：
增
var div = document.createElement("div")
console.log(div);
document.body.appendChild(div);
删
var obox = document.querySelector(".box")
obox.remove()
document.body.removeChild(obox)
改
var obox = document.querySelector(".box")
console.log(obox.outerHTML)
obox.outerHTML = "<span class='"+ obox.className +"'>"+ obox.innerHTML +"</span>"
console.log(obox.outerHTML) //<div class="box">hello world</div>
但是程序中的div改成span
<span class="box">hello world</span>查：选择器查询：选择器；
创建：createElement() 配合 appendChild() 将创建好的元素，插入到某个标签内的最后
删除：removeChild() 配合 parentNode
元素.remove() 直接删除当前元素
document.body.removeChild(div)；
修改: outerHTML
oh1.outerHTML = "<h2>" + oh1.innerHTML +"</h2>"
补充：创建文本节点createTextNode(“hello”)
使用方式同createElement()
长风破浪会有时，直挂云帆济沧海
