美文网首页
JS之三种动态创建元素的区别

JS之三种动态创建元素的区别

作者: 时光冷心 | 来源:发表于2020-05-31 20:14 被阅读0次

1.document.write( )

     如果文档流加载完毕,再调用之句话会导致页面重绘。

2.innerHTML

     它是将内容写入某个DOM节点,不会导致页面重绘;

     它创建多个元素时效率更高(不采取拼接字符串,采用数组形式拼接),结构少位复杂。

3.document.createElement(' ')

     创建多个元素效率会低一点点,但结构更加清晰,不会导致页面重绘。

总结:不同浏览器下,innerHTML效率比createElement高。

相关文章

网友评论

      本文标题:JS之三种动态创建元素的区别

      本文链接:https://www.haomeiwen.com/subject/hfbrzhtx.html