如何最好地处理浏览器中成千上万的DOM元素

时间:2018-11-29 10:11:29

标签: javascript html dom browser

我正在使用html和javascript在浏览器中构建某种“词云”。想法是在屏幕上有一堆单词,每个单词的大小或颜色可能不同。

问题是我可能需要在屏幕上显示10万多个字,因为这是一个很大的区域。我尝试使用纯HTML来做到这一点,对每个单词使用具有不同样式的span元素。但是,这种方法使浏览器感到窒息,因为我认为它呈现了太多的DOM元素。使用表和div的方法也不成功。

我想知道我是否采用错误的方法?我怀疑有一种更高效的方法可以执行此操作,也许使用canvas或svg,尽管我认为这些将需要更多的工作来集成。我还希望用户能够与某些单词进行交互,例如删除它们或更改它们。这使得html方法看起来最简单。

任何帮助或指点将不胜感激!

0 个答案:

没有答案