[DOM]dom简单整理(2)

1.创建一个新元素

　　var elem=document.createElement("标签名");

　　eg a=document.createElement("a");  //<a></a>

2.创建新元素的属性

　　eg:a.href="url";

　　　　a.innerHTML="文本";

　　　　==><a href="url">文本</a>

3.将新元素挂到指定父元素下

　　只有挂载到DOM树上之后才会显示出来

　　将新元素挂到指定的父元素下有三种方法

　　　　追加:parent.appendChild(elem);

　　　　插入:parent.insertBefore(elem,oldElem);　　　　//将元素插入到旧元素之前

　　　　替换:parent.replaceChild(elem,oldElem);　　　　//用新元素替换旧元素

4.删除节点

　　parent.removeChild(child);

　　child.parentNode.removeChild(child);

#由于每次操作DOM都会消耗很多的时间,会导致页面加载缓慢,如果要同时挂载父元素和子元素的时候,都先将子元素挂载到父元素上,最后一次性将父元素挂载到DOM树上(解决方案:文档片段);

　　1.创建文档片段

　　　　var frag = document.createDocumentFragment();

　　2.将子节点加载到frag下面

　　3.将frag挂到DOM树上