Javascript 在网页中创建Div需要多少内存?

Javascript 在网页中创建Div需要多少内存?,javascript,html,dom,Javascript,Html,Dom,我想大致算出一个div,以及一些内容(可能是嵌套的div),在内存中会占用多少空间 我怎么才能弄清楚这一点呢?每个浏览器都会有所不同,但真的不需要知道这样的细节。你为什么要知道 如果你真的想知道浏览器的内部结构,(至少开源浏览器)打开源代码。对于Firefox中的div元素,我找到了,我打赌你也能找到其他元素。编写一个小javascript,根据选择的选项创建100、500、1000等div。在选择选项之前和之后检查浏览器的内存使用情况,并除以创建的div数。尝试使用大量的div来获得更好的平均

我想大致算出一个div,以及一些内容(可能是嵌套的div),在内存中会占用多少空间


我怎么才能弄清楚这一点呢?

每个浏览器都会有所不同,但真的不需要知道这样的细节。你为什么要知道


如果你真的想知道浏览器的内部结构,(至少开源浏览器)打开源代码。对于Firefox中的
div
元素,我找到了,我打赌你也能找到其他元素。

编写一个小javascript,根据选择的选项创建100、500、1000等div。在选择选项之前和之后检查浏览器的内存使用情况,并除以创建的div数。尝试使用大量的div来获得更好的平均值,并确保在不同的浏览器、不同的版本和不同的平台上进行测试。

它的大小。。!执行此操作-->创建1001000个div,全部添加样式。转到浏览器控制台中的“网络”选项卡,查看大小使用情况。同样地,对图像也要这样做。你会明白其中的区别。!作为CCD阵列的图像核心像素处理比直接的DIV像素阵列成本高。

想知道在不使用太多的情况下可以显示多少个DIVmemory@Joda:如果您有足够的
div
s,这就成了一个问题,可以尝试使用合理的默认值实现分页?@Joda,这一限制将在很大程度上取决于其他因素,比如应用了什么类型的样式,以及JavaScript是否正在运行(如果是,脚本中会发生什么)。简单地显示静态、非样式的
s本身并不是特别占用内存。