社区
JavaScript
帖子详情
createDocumentFragment能与 insertAdjacentHTML连用吗
iknowstone
2018-01-13 05:16:29
看了下帖子
var fragment = document.createDocumentFragment();
fragment.appendChild();
都是这么用的 那么可以与insertAdjacentHTML 连用吗
...全文
163
1
打赏
收藏
createDocumentFragment能与 insertAdjacentHTML连用吗
看了下帖子 var fragment = document.createDocumentFragment(); fragment.appendChild(); 都是这么用的 那么可以与insertAdjacentHTML 连用吗
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
似梦飞花
2018-01-14
打赏
举报
回复
insertAdjacentHTML传入的是html字符串 fragment传入的是dom
create
Eleme
nt
与
create
Docume
nt
Fragme
nt
的点点区别小结
网上可以搜到的大部分都是说使用
create
Docume
nt
Fragme
nt
主要是因为避免因
create
Eleme
nt
多次添加到
docume
nt
.body引起的效率问题,比如: 代码如下: var arrText=[“1″,”2″,”3″,”4″,”5″,”6″,”7″,”8″,”9″,”10”]; for(var i=0;i<arrText.length;i++){ var op=
docume
nt
.
create
Eleme
nt
(“P”); var oText=
docume
nt
.
create
TextNode(arrText[i]); op.appendChild(oText);
docume
nt
JavaScript性能优化 创建文档碎片(
docume
nt
.
create
Docume
nt
Fragme
nt
)
讲这个方法之前,我们应该先了解下插入节点时浏览器会做什么。
浅析
docume
nt
.
create
Docume
nt
Fragme
nt
()与js效率
对于循环批量操作页面的DOM有很大帮助!利用文档碎片处理,然后一次性append,并且使用原生的javascript语句操作
关于javascript
docume
nt
.
create
Docume
nt
Fragme
nt
()
docume
nt
Fragme
nt
是一個無父對象的
docume
nt
對象.
javascript 异步的inner
HTML
使用分析
当然,这个分时加载技术只是一个辅助技术,本身没有添加节点的能力。如今,另一种更奇特的技术Asynchronous inner
HTML
又被开发出来了,不能不赞一下外国人在这方面研究是非常超前的。 代码如下: function asyncInner
HTML
(
HTML
, callback) { var temp =
docume
nt
.
create
Eleme
nt
(‘div’), frag =
docume
nt
.
create
Docume
nt
Fragme
nt
(); temp[removed] =
HTML
;//要加入的内容先放到这里。 (function(){ if(temp.firstChild)
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章