javascript - 可以在 dom 中的数据属性上放置多少数据？

Question

<分区>

Answer 1

HTML5 spec对属性中的数据量没有限制:

...no limit on the depth of the DOM tree generated, or on the length of tag names, attribute names, attribute values, text nodes, etc.

呈现页面所需的时间取决于内容的长度，因此任何添加的内容(如存储在属性中的大量数据)都会导致页面加载速度变慢。如果数据量很大，使用 javascripts getAttribute() 获取数据的速度可能也会变慢。

使用 ajax 或/和服务器端存储解决方案，您可以根据需要检索数据，在许多情况下，这比将所有内容都存储在 HTML 中要快得多。

多少算太多？这取决于您对数据的处理方式、数据类型等，而且几乎无法回答。作为开发人员，您必须根据用例等做出决定。