JavaScript节点的增删改查

增：
创建一个div标签(创建元素节点)
var div = document.createElement(‘div’);
创建文本节点
var text=document.createTextNodes(‘zaoshanghaoa’);
创建注释节点
var comment = document.createComment(‘this is comment’);

document.body.appendChild(div);
div.innerHTML = ‘123’;

插：appendChild:插入节点，每一个元素都有这个属性，相当于push，剪切操作
栗子：
var div = document.getElementsByTagName(‘div’)[0];
var text = document.createTextNode(‘登报’);
var span = document.createElement(‘span’);
div.appendChild(text);
div.appendChild(span);

栗子：

<div>
    <span></span>
</div>
<script>
	var div = document.getElementsByTagName('div')[0];
    var span = document.getElementsByTagName('span')[0];
    var strong = document.createElement('strong');
    div.insertBefore(strong, span);
</script>

删：
parent.removeChild();删除子节点

child.remove();自己将自己销毁
strong.remove();

替换：
拿新的元素去替换老的元素
parent.replaceChild(new,origin);