<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()