JavaScript innerHTML和createElement效率对比
本文共 422 字，大约阅读时间需要 1 分钟。
前言：
在DOM节点操作中，innerHTML和createElement都可以实现创建元素。它们实现的功能类似，但是效率却相差很大。本文分别统计用innerHTML字符串拼接方式、innerHTML数组方式和createElement方式创建1000次元素的时间，来比较它们之间效率的高低。
比较思路：
- 使用
new调用创建日期对象 - 完成1000次创建相同元素后的时间，减去创建之前的时间，即为过程所用的时间（单位：ms）
- 比较三种方式所用的时间
比较过程：
代码：
Document
所用时间：
总结：
- 显然，三种方式所用的时间：
innerHTML字符串拼接方式>>createElement方式>innerHTML数组方式 - 则三种方式的效率高低：
innerHTML数组方式>createElement方式>innerHTML字符串拼接方式 - 可以根据实际情况需要，选择合适的方式
转载地址：http://zfsu.baihongyu.com/
你可能感兴趣的文章
multi_index_container
查看>>
mutiplemap 总结
查看>>
MySQL Error Handling in Stored Procedures---转载
查看>>
MVC 区域功能
查看>>
MySQL FEDERATED 提示
查看>>
mysql generic安装_MySQL 5.6 Generic Binary安装与配置_MySQL
查看>>
Mysql group by
查看>>
MySQL I 有福啦，窗口函数大大提高了取数的效率！
查看>>
mysql id自动增长 初始值 Mysql重置auto_increment初始值
查看>>
MySQL in 太多过慢的 3 种解决方案
查看>>
Mysql Innodb 锁机制
查看>>
MySQL InnoDB中意向锁的作用及原理探
查看>>
MySQL InnoDB事务隔离级别与锁机制深入解析
查看>>
Mysql InnoDB存储引擎 —— 数据页
查看>>
Mysql InnoDB存储引擎中的checkpoint技术
查看>>
Mysql InnoDB存储引擎中缓冲池Buffer Pool、Redo Log、Bin Log、Undo Log、Channge Buffer
查看>>
MySQL InnoDB引擎的锁机制详解
查看>>
Mysql INNODB引擎行锁的3种算法 Record Lock Next-Key Lock Grap Lock
查看>>
mysql InnoDB数据存储引擎 的B+树索引原理
查看>>
mysql interval显示条件值_MySQL INTERVAL关键字可以使用哪些不同的单位值？
查看>>