本文共 422 字，大约阅读时间需要 1 分钟。

前言：

在DOM节点操作中，innerHTML和createElement都可以实现创建元素。它们实现的功能类似，但是效率却相差很大。本文分别统计用innerHTML字符串拼接方式、innerHTML数组方式和createElement方式创建1000次元素的时间，来比较它们之间效率的高低。

比较思路：

1. 使用new调用创建日期对象
2. 完成1000次创建相同元素后的时间，减去创建之前的时间，即为过程所用的时间（单位：ms）
3. 比较三种方式所用的时间

比较过程：

代码：

所用时间：

总结：

1. 显然，三种方式所用的时间：
   innerHTML字符串拼接方式 >> createElement方式 > innerHTML数组方式
2. 则三种方式的效率高低：
   innerHTML数组方式 > createElement方式 > innerHTML字符串拼接方式
3. 可以根据实际情况需要，选择合适的方式

转载地址：http://zfsu.baihongyu.com/