javascript dom-文档结构和遍历

1 作为节点树的文档

Node属性：

    parentNode、childNodes、firstChild、lastChild、nextSibling、previoursSibling

2 创建、插入和删除节点

创建节点

var newnode=document.createTextNode("text node content");

cloneNode()

插入节点

appendChild()在需要插入的Element节点上调用，插入到节点的最后一个节点上

insertBefore()2个参数，第1个待插入节点，第2个已存在的节点，新节点将插入该节点的前面。

删除和替换节点

remoreChild()从文档中删除一个节点，在待删除节点的父节点上调用，例：

n.parentNode.removeChild(n);//在文档中删除n节点

replaceChild()删除一个子节点并用一个新的节点取而代之。在父节点上调用该方法

n.parentNode.replaceChild(document.createTextNode("[REDACTED]"),n);

DocumentFragment：可作为其他节点的临时容器

var frag=document.createDocumentFragment();//DocumentFragment是独立的，不是任何其他文档的一部分，它的parentNode总是为null