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 中开启二进制日志（Binlog）
查看>>
MySQL 中文问题
查看>>
MySQL 中日志的面试题总结
查看>>
mysql 中的all,5分钟了解MySQL5.7中union all用法的黑科技
查看>>
Mysql 中的日期时间字符串查询
查看>>
MySQL 中锁的面试题总结
查看>>
MySQL 中随机抽样：order by rand limit 的替代方案
查看>>
MySQL 为什么需要两阶段提交？
查看>>
mysql 为某个字段的值加前缀、去掉前缀
查看>>
mysql 主从
查看>>
mysql 主从 lock_mysql 主从同步权限mysql 行锁的实现
查看>>
mysql 主从互备份_mysql互为主从实战设置详解及自动化备份(Centos7.2)
查看>>
mysql 主从关系切换
查看>>
mysql 主键重复则覆盖_数据库主键不能重复
查看>>
Mysql 优化 or
查看>>
mysql 优化器 key_mysql – 选择*和查询优化器
查看>>
MySQL 优化：Explain 执行计划详解
查看>>
Mysql 会导致锁表的语法
查看>>
mysql 使用sql文件恢复数据库
查看>>