1,document.write();
它是直接将内容写入页面的内容流,但是文档流执行完毕,会导致页面全部重绘 一般不使用这种方式
2,innerHTML= “” ;
它是将内容写入某个DOM节点,不会导致页面全部重绘
注意: 创建少量的元素可以直接使用,但是一旦创建多个,则效率会非常低,比如创建1000个节点就需要3000毫秒左右的时间,效率很低,创建大量的元素建议先将所需要创建的元素放入一个数组里面,最后一次性的创建,这样效率会非常的高,创建1000个只需要8毫秒左右的时间创建出来的结构比较稍微复杂
3,createElement() ;
使用这种方式创建多个元素会比使用innerHTML使用数组创建的效率第一点点,创建1000个元素需要20毫秒,一般也不太使用这种方式,这种方式创建比较繁琐,但是创建出来的元素结构更清晰
DOM三种动态创建元素的区别
最新推荐文章于 2021-09-08 16:55:22 发布