我有一个JavaScript函数，它应该为页面添加一个模板并用值填充它。当我要添加500多个项目时，性能会下降。我怀疑这是因为对于添加的每个元素，我的$HEHDT,264.69,T*10
调用变得更慢。
这就是我所拥有的：
{"class":"TPV","tag":"GGA","device":"/dev/serial/by-id/usb-FTDI_USB-RS232_Cable_FTU98S5G-if00-port0","mode":3,"lat":41.408677538,"lon":-132.105521583,"alt":14.460}
这应该做的是用默认值填写项目模板。如何减少for循环中的DOM类数量？由于我即时添加模板，我不知道如何缓存它们。我正在考虑首先添加模板并将每个添加的模板元素保存到一个数组中，然后通过数组填充它，但我不知道如何正确执行它，因为我仍然需要通过执行一个元素来获取元素DOM调用。
感谢任何帮助，建议和反馈。