js之 如何动态循环插入大量的HTML

项目中经常用到一些循环插入HTML如div的操作。

innerHTML和appendChild都可以使用。

在这里使用innerHTML更为简单，一个简单的无需转换的html text就可以直接插入。

但是，这里也有技巧的

1. 减少dom的直接操作，把所有的HTML存到一个变量，一次性进行DOM插入，可以极大提高效率。

2. 使用模板机制，提高代码的可读性