首页 教程 API文档

创建文档碎片

2015-09-08 16:36:29

属性


使用频率 中低
所属模块 Std.dom
成员类型 静态成员函数

描述


fragment的作用是减少DOM频繁渲染的性能损耗.

例如有100000个div,需要通过appendChild方式添加到body时候,可以尝试先将这100000个div添加到fragment,然后再将fragment用appendChild方式添加到body,这种方式可以部分减少浏览器中对DOM的渲染损耗.

Std.dom.fragment可以将一个字符串,一个DOM对象,或者一个包含多个DOM对象的数组转换成fragment对象.

语法



Object Std.dom.fragment(String data);
Object Std.dom.fragment(Array data);
Object Std.dom.fragment(Object data);
        

参数


类型 描述
String 文本字符串
类型 描述
Array 包含DOM对象,或者字符串元素的数组
类型 描述
Object DOM对象,或者Std.dom实例对象

返回值


包装之后的fragment对象,如果没有参数,或者参数错误,就返回一个空的fragment

相关例子


将一个html字符串转换为fragment,然后添加到body


Std.dom("body").append(
    Std.dom.fragment('<div class="abc"></div>hi<div></div><span>text</span>')
)
        

将一个DOM对象放入fragment,然后添加到body


Std.dom("body").append(
    Std.dom.fragment(newDiv())
);
        

将多个DOM对象放入fragment,然后添加到body


Std.dom("body").append(
    Std.dom.fragment([newDiv(),newDiv(),newDom("span")])
);