添加dom节点及优化

最新推荐文章于 2025-09-08 17:59:21 发布

weixin_30869099

最新推荐文章于 2025-09-08 17:59:21 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yunxianli/p/4741407.html

本文介绍了三种优化DOM操作的方法：使用文档片（DocumentFragment）批量插入元素、利用innerHTML属性更新DOM以及通过jQuery简化DOM操作。每种方法都有其适用场景，帮助开发者提高网页性能。

创建并添加dom加点如何进行优化？

1、使用文档片(DocumentFragment)

可以理解为"仓库"，用来保存将来可能会添加到DOM中的节点；

 var fragment = document.createDocumentFragment();
    fragment.appendChild(document.createElement('ul'));
    for(var i = 0;i < 4;i++){
        var li = document.createElement('li');
        li.appendChild(document.createTextNode(i));
        fragment.appendChild(li);
    }
    document.body.appendChild(fragment);

2、使用innerhtml

3、jQuery

两种方式的优劣（还是不甚理解。。）：http://fins.iteye.com/blog/183373

转载于:https://www.cnblogs.com/yunxianli/p/4741407.html