最少内存密集的DOM元素

时间:2009-06-01 14:35:06

标签: javascript dom

我想使用Javascript渲染大约4000个奇数的DOM元素。是否所有DOM元素都在浏览器中消耗相同的内存?对于例如在SPAN,DIV,A等之间它们都是相同的记忆吗?

5 个答案:

答案 0 :(得分:5)

我怀疑这是依赖浏览器/实现的。

也许您应该使用由4000个不同类型的元素组成的页面运行一些测试,并查看相对内存消耗?

答案 1 :(得分:2)

我认为DOM元素本身并没有那么大的区别。

重要的是它们的风格。

输入元素需要一些内存,因为它附加了一个本机小部件。 链接将需要一些内存,因为它附加了一个单击事件处理程序。 表格单元格需要一些内存,因为它的样式允许自动调整大小。

只需使用您需要的任何内容,看看它是否有效。

如果没有,分页将比搜索正确使用的DOM元素更有帮助。

答案 2 :(得分:2)

根据您要添加的内容创建标记,而不是使用“最有效”DOM元素的某些感知好处。 < SPAN>与< DIV>有着非常不同的目的。当你接受它时,内存消耗的差异将是微小的,4,000个元素不是很多(去任何电子商务网站并解析页面;你最终会得到更多)。 / p>

实际应用说明:使用innerHTML而不是DOM构造函数创建元素可能会更快,这对用户来说非常重要。有关详细信息,请参阅this article

答案 3 :(得分:1)

我认为纯文本节点会使用最少的。您实际应该使用的内容取决于数据是什么以及您希望如何显示它。

答案 4 :(得分:0)

不要使用“TABLE”元素 - 它比DIV或SPAN的集合要慢很多并且需要更多的内存