javascript - "Null"HTML DOM 元素？

Question

我正在编写一个框架，它使用 javascript/html 作为客户端，并使用 it-doesn't-matter 作为后端。

有时我需要在 HTML DOM 中存储数据。理想情况下，我希望针对 DOM 元素存储数据，但我希望该元素不影响 UI。

目前我想我将使用没有文本内容的 并用属性装饰它，以便我的框架可以识别它是一个数据容器并表现得适当。

还有更好的选择吗？ (为了避免疑问，我知道还有其他方法可以做事 - 我对这些不感兴趣，纯粹是在不影响 UI 的情况下使用最好的 HTML 元素来包含数据)。

编辑(架构说明):我创建了一种服务器端技术，该技术基于我之前创建的通用报告引擎。这个服务器端的东西本质上是作为一个网络服务器工作的——这似乎是一个不寻常的选择，但考虑到组织的限制，它是最好的选择——为了争论，假设这是真的。我需要这个系统做的事情之一是生成动态表单来捕获树状形式的数据。这很好并且运行良好 - 我的问题是因为当隐藏子表单时(例如，用户在数据的给定子部分中做出了所有必需的决策)，我会销毁数据捕获元素 - 如果该表单嵌入在父表单中，该父表单需要访问在已销毁的子表单中捕获的数据，我需要一种将数据嵌入到 DOM 中的方法，以便可以收集数据并将其传递回服务器。这些要求比这复杂得多，但详细说明它们需要很长时间。

Answer 1

好吧(为了避免疑问)，HTML 元素不应该存储数据。如果您确实想要，请使用 <input type="hidden">元素。

为了您的目的，我建议(按顺序)使用本地存储或 cookie 或网络数据库。

这里有一些资源:

• 本地存储:http://diveintohtml5.info/storage.html
• cookie:http://www.the-art-of-web.com/javascript/setcookie/
• 网络数据库:http://www.tutorialspoint.com/html5/html5_web_sql.htm

正如 JLRishe 指出的，无论出于何种原因，如果您需要文本节点存储，那么 span 是一个不错的选择，就像 div 一样(并且元素的长度与 display: none 它们一样长)。