DOM操作重点核心(2) 面试题

创建元素

我们了解过创建元素的三种方法,当然现在我们来深入了解一下
第一种方法

• document.write()
  这一个方法是直接将内容写入页面的内容流,但是文档流执行完毕,则它导致页面全部重绘通俗来说就是相当于重新打开一个文档,把原来的文档覆盖掉,然后再返回新创建的元素显示在文档中,

• element.innerHTML
  这个方法是将内容写入某个DOM节点,不会导致页面重绘,
  当你需要创建多个元素的时候效率会比createElement();方法更高.前提是不要用拼接字符串的形式来创建,要采用数组的形式拼接,只是创建的时候写的代码结构稍微复杂.

• document.createElement();

• 这个方法也不会导致页面重绘,创建多个元素的时候效率会低一些,但是结构更清晰
  所以当你想创建很多个元素时,建议使用第二种方法,效率会更高