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 workbench6.3.5_MySQL Workbench
查看>>
MySQL Workbench安装教程以及菜单汉化
查看>>
MySQL Xtrabackup 安装、备份、恢复
查看>>
mysql [Err] 1436 - Thread stack overrun: 129464 bytes used of a 286720 byte stack, and 160000 bytes
查看>>
MySQL _ MySQL常用操作
查看>>
MySQL – 导出数据成csv
查看>>
MySQL —— 在CentOS9下安装MySQL
查看>>
MySQL —— 视图
查看>>
mysql 不区分大小写
查看>>
mysql 两列互转
查看>>
MySQL 中开启二进制日志（Binlog）
查看>>
MySQL 中文问题
查看>>
MySQL 中日志的面试题总结
查看>>
mysql 中的all,5分钟了解MySQL5.7中union all用法的黑科技
查看>>
MySQL 中的外键检查设置：SET FOREIGN_KEY_CHECKS = 1
查看>>
Mysql 中的日期时间字符串查询
查看>>
mysql 中索引的问题
查看>>
MySQL 中锁的面试题总结
查看>>
MySQL 中随机抽样：order by rand limit 的替代方案
查看>>
MySQL 为什么需要两阶段提交？
查看>>