dom增删
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>dom增删</title>
</head>
<body>
<div>123</div>
</body>
<script>
// 创建
var div = document.createElement('div'); // 创建元素节点
var text = document.createTextNode('demo'); // 创建文本节点
var comment = document.createComment('this is comment'); // 创建注释节点
// 插入
document.body.appendChild(div);
div.appendChild(text);
var div = document.getElementsByTagName('div')[0];
var span = document.createElement('span');
var p = document.createElement('p');
div.appendChild(span);
div.insertBefore(p, span);
// 删除
var p = div.removeChild(p); // 剪切
span.remove(); // 真正的删除
</script>
</html>