JS中使用innerHTML和createElement方式动态创建元素
admin
2023-07-25 18:20:05
0次
方式一：使用innerHTML拼接字符串方式
innerHTML拼接字符串方式
运行结果：
方式二：innerHTML加数组的方式
innerHTML加数组的方式
运行结果：
方式三：createElement方式
createElement方式
运行结果：
总结：
- innerHTML方式创建多个元素的时候效率会更高，但是不能使用字符串拼接的方式，使用字符串拼接的时候会不断开辟新的内存，所以时间长，可以使用数组的方式。
- createElement在创建多个元素的时候效率较低，但是结构更清晰。
相关内容
热门资讯
31省都在抢的几大赛道，藏着未...
最近证券时报发了篇报道，宣布了一个重磅消息：31个省份“十五五”规划已经全部出齐了。我翻完了发现一件...
西班牙港口高管敦促欧盟推迟对俄...
【文/观察者网 熊超然】自俄乌冲突爆发以来，欧洲在能源领域的脆弱性不断凸显。日前，欧洲一家主要天然气...
斯洛伐克总理：不会参与北约70...
据《基辅独立报》报道，斯洛伐克总理菲佐当地时间6月27日表示，反对在即将举行的北约峰会上向乌克兰提供...
为什么洗衣机等大家电都不带程序...
最佳回答 由于技术的限制现在市面上的洗衣机很少带有记忆功能的。不过还是有少部分的洗衣机是带有记忆功能...
双动力洗衣机如何选择？
最佳回答 双动力洗衣机现在在市面上还是比较受欢迎的，现在在市面上的双动力洗衣机，品牌也是比较多的，我...
怎么把我的电脑放到桌面上
最佳回答既然您是想要把我的电脑放到自己电脑的桌面位置上，那大概可以想象得到，您用的是windows1...
为什么混水阀下的水嘴不能接延长...
混水阀下的水嘴可以接延长管，但需要注意以下几点：1. 水压问题：延长管可能会增加水流的阻力，导致水压...
格力不能启动面板两个灯闪
原因可能是显示屏故障，可以通过更换显示屏的方法解决；原因可能是主控板显示屏的电路部分有损坏故障，可以...
特朗普力推修改中期选举规则，美...
据美国《华盛顿邮报》报道，距离美国中期选举仅剩4个月之际，美国总统特朗普推动修改美国选举规则的努力正...
兰州大学教师论文图表有AI水印...
近日，“兰州大学教师杨某某论文图表被指有AI生成水印”一事引发舆论关注。6月27日，发布论文的Jou...