如何在HTML中处理包含数百个项目的列表？(使用Javascript)

Question

我正在创建一个专为移动游戏设计的网页,我动态创建一个列表.该列表是从我收到信息的文本文件中创建的,我将此信息附加到列表中.当有大约200个项目时,它工作正常,但是当文件非常大时,(我尝试了多达4000个项目)页面变得非常慢,滚动并选择此项目非常困难.我知道我不应该创建这么多的HTML元素,但我正在寻找一种方法来创建一个更短的列表,并根据你做了多少滚动来替换列表元素上的信息.有任何想法吗？

Answer 1

不是将项目追加到列表中，而是一次显示最多 200 个项目，然后通过向前滚动-向后滚动动作替换当前项目怎么样？您可以使用innerHTML 或创建元素的DOM 方法。