3中动态创建元素的区别。

一、三种方式

document.write()

element.innerHTML

document.createElement()

二、三种方式的区别

1.document.write()是直接将内容写入页面的内容流,但是文档流执行完毕,它会导致页面全部重绘;

2.innerHTML是将内容写入某个dom节点,不会导致页面全部重绘;

3.innerHTML创建多个元素效率更高(不要拼接字符串,采用数组形式拼接),结构稍微复杂;

4.createElement()创建元素效率稍微低一点,但是结构更清晰;

 

posted @ 2022-09-27 21:41  努力的杨先生  阅读(26)  评论(0)    收藏  举报