染數據的方法
1)、字符串拼接, 最常用的方法
優點:只進行一次dom回流
缺點:原有dom的事件都會丟失
原因:就在於innerHTML這個屬性,這個屬性是返回或設置dom中的內容,以字符串形式返回,拼接完之后是string類型,而一些事件屬性是dom元素對象身上的,所以這些那些事件屬性就會丟失。
2)、dom循環
優點:原有的dom身上的事件不會丟失,不影響其他dom
缺點:dom回流次數過多,嚴重影響網頁性能
3)、模板
模板的本質就是字符串拼接
4)、文檔碎片
document.createDocumentFragement
優點:既不影響原有的dom屬性,也只回流一次
上面的四種方法對新增的元素都沒有之前的事件,如果保證新增的元素也擁有之前的事件,就用事件委托。