DocumentFragment节点
DocumentFragment节点
nodeType为10
nodeName为“#document-fragment”
nodeValue为null
该节点是一个节点,但不是DOM树中的一部分,只相当于一个存储其他节点的变量,如果想把它添加到DOM树中,需要调用appendChild等方法
创建该节点的方法为document.createDocumentFragment()
例如想把三个li节点添加到ul节点当中,如果直接在ul上调用appendChild方法,则会导致浏览器反复渲染
但是如果先把ul添加到DocumentFragment中,则只相当于先将li存储在变量中,再将DocumentFragment添加到ul中,则不会反复渲染浏览器
假设已经取得了ul节点的对象,命名为ul
为它添加三个li节点
var do=document.createDocumentFragment()
for(var i=0;i<3;i++)
{
var li=document.creatreElement("li");
do.appendChild(li);
}//先将三个里添加到DocumentFragment中
ul.appendChild(do);//将DocumentFragment整体添加到ul中