Javascript 内存最少的DOM元素

Javascript 内存最少的DOM元素,javascript,dom,Javascript,Dom,我想使用Javascript呈现大约4000多个DOM元素。是否所有DOM元素在浏览器中使用相同的内存?例如,在SPAN、DIV、A等之间,它们在内存方面是否都相同?我认为纯文本节点使用的内存最少。实际使用的内容取决于数据的内容和显示方式。我怀疑这取决于浏览器/实现 也许您应该对由4000个不同类型的元素组成的页面运行一些测试,并查看相对内存消耗情况?我认为DOM元素本身没有太大差异 重要的是它们的样式 输入元素将需要一些内存,因为它连接了一个本机小部件。 链接将需要一些内存,因为链接上附加了单

我想使用Javascript呈现大约4000多个DOM元素。是否所有DOM元素在浏览器中使用相同的内存?例如,在SPAN、DIV、A等之间,它们在内存方面是否都相同?

我认为纯文本节点使用的内存最少。实际使用的内容取决于数据的内容和显示方式。

我怀疑这取决于浏览器/实现


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

我认为DOM元素本身没有太大差异

重要的是它们的样式

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

你需要什么就用什么,看看它是否管用


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

根据要放入的内容创建标记,而不是基于使用“最有效”的DOM元素所带来的某些好处。A的用途与A完全不同。当你开始认真研究时,内存消耗的差异将很小,4000个元素也不多(去任何电子商务网站解析页面;你最终会得到更多)


在实践中注意:使用innerHTML而不是DOM构造函数创建元素可能会更快,这对用户来说很重要。有关更多信息,请参阅。

请不要使用“TABLE”元素,因为它比div或span的集合慢得多,需要更多的内存。

是的,我理解语义很重要,但在这种特殊情况下,节点不会像这样表示数据,所以任何元素都足够了。谢谢你的链接,这让我大开眼界。看来我需要做一些基准测试,看看是否有什么不同!