js之 如何動態循環插入大量的HTML

項目中經常用到一些循環插入HTML如div的操作。

innerHTML和appendChild都可以使用。

在這裏使用innerHTML更爲簡單，一個簡單的無需轉換的html text就可以直接插入。

但是，這裏也有技巧的

1. 減少dom的直接操作，把所有的HTML存到一個變量，一次性進行DOM插入，可以極大提高效率。

2. 使用模板機制，提高代碼的可讀性