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/
你可能感兴趣的文章
mysql 存储过程每隔一段时间执行一次
查看>>
mysql 存在update不存在insert
查看>>
Mysql 学习总结（86）—— Mysql 的 JSON 数据类型正确使用姿势
查看>>
Mysql 学习总结（87）—— Mysql 执行计划（Explain）再总结
查看>>
Mysql 学习总结（88）—— Mysql 官方为什么不推荐用雪花 id 和 uuid 做 MySQL 主键
查看>>
Mysql 学习总结（89）—— Mysql 库表容量统计
查看>>
mysql 实现主从复制/主从同步
查看>>
mysql 审核_审核MySQL数据库上的登录
查看>>
mysql 导入 sql 文件时 ERROR 1046 (3D000) no database selected 错误的解决
查看>>
mysql 导入导出大文件
查看>>
mysql 将null转代为0
查看>>
mysql 常用
查看>>
MySQL 常用列类型
查看>>
mysql 常用命令
查看>>
Mysql 常见ALTER TABLE操作
查看>>
mysql 往字段后面加字符串
查看>>
mysql 快速自增假数据， 新增假数据，mysql自增假数据
查看>>
Mysql 报错 Field 'id' doesn't have a default value
查看>>
MySQL 报错：Duplicate entry 'xxx' for key 'UNIQ_XXXX'
查看>>
mysql 排序id_mysql如何按特定id排序
查看>>