DOM补充



一、节点的创建，插入与克隆

1. createElement("p")   创建一个节点（会自动补齐标签）

2. appendChild(p)       在元素末尾插入节点p

3. insertBefore(btn,p)  在元素内的p元素之前插入btn元素

4. cloneNode            克隆节点

如：

vardiv=document.getElementsByClassName("div1")[0];

vardiv2=div.cloneNode(true);

div.style.background="red";

varp=document.createElement("p");

p.innerHTML="我是一个P标签";

varbtn=document.createElement("input");

btn.type="button";

btn.value="我是按钮";

div.appendChild(p);

div.appendChild(div2);

div.insertBefore(btn,p);

注意：

节点被赋值给别的元素的时候，会直接迁移过去，原来的位置不会有该节点。不会复制。

详细请看我的笔记：

http://note.youdao.com/noteshare?id=12d8e239bdb9dbc109f6e6ef19cab969&sub=7712DEF49B0F4CDFB7E86B12FFAB6438