增:
1.document.createElement()可以创建元素节点,如document.createElement('div');
但还有一种方法就是用innerHTML = "<div></div>"这样直接写出来,这种就是直接加入到页面中,而上面那种还没有,其实还在document手中,这种通过document创建的节点是先被document攥着的,还未放入页面中。
2.document.createTextNode()可以创建文本节点,如document.createTextNode(‘你好’);
3.document.createComment()可以创建注释节点,如document.createComment("nihao");
插:
通过document创建的的节点必须得通过下面这两个方法才可以真正添加到页面中
1.parentNode.appendChild(),括号中写要被加入的节点,这个相当于push,是加在parentNode的最后一个子节点后面。其实这个appendChild()还有剪切功能,当要加入的节点已经在页面中的那么通过appendChild就可以把该节点剪切后放在父节点的最后一个子节点后面。
2.parentNode.insertBefore(a,b),表示parentNode insert a before b。这个也有剪切功能,可以把已经在页面中的节点剪切出来放到之前他的前面一个兄弟节点的前面。
删:
parentNode.removeChild(要被删除的子元素),其实这个相当于被剪切出来 可以var b = parentNode.removeChild(要被删除的子元素),这是b就是这个被删除的子元素了。
child.remove()其实这个相当于自杀,上面那个相当于他杀。
替换:
parentNode.replaceChild(new,origin)