仅从DOM存储和检索信息被认为是一种不良实践吗？

Question

假设我有一个词典网站，在一个div中，我展示单词、定义和例句。我需要在其他地方引用这些字符串。通常来说，从div中提取它们（通过ID查找元素，获取值）是否可以接受，还是最好创建一个表示该div中所有内容的对象，并在需要查询其值时避免使用DOM？

进一步解释：有人可以点击页面上的一个元素（该元素只显示单词），然后在另一个div中，它会显示该单词的定义和例句（该元素与包含所有这些信息的对象相关联）。在那个其他的div中，有文本区域显示定义和例句。我希望有人能够编辑那里的文本，并更新单词对象中的值。我应该只从那些文本区域获取文本并将其发送到单词对象中，还是应该有一个“编辑div”对象，其中包含文本区域中的字符串，并在两个对象之间发送值？

- michaelAdam

---

实际上，这样做是一个好主意。我们甚至有专门用于此目的的属性。 - Ry-

我认为这取决于数据源和使用场景。一般而言（个人意见）：如果您需要访问许多对象和大量数据，我宁愿将数据存储在JavaScript数据结构中，为元素添加ID，并通过该ID查找其他数据。您能解释一下数据来自哪里以及如何使用吗？“参考那些字符串”有点模糊。 - try-catch-finally

添加了更多的解释。 - michaelAdam

这不是DOM的整个目的吗？ - Lightness Races in Orbit

Answer 1

您提到的方法很快就会变得难以维护和测试。如果您有一个词典网站，那么后台将包含所有单词。您需要使用JavaScript来获取数据-因此您可能会将UI绑定到从后端检索到的数据，并且JS对象将是从其他所有内容查找的地方。

这种方法使您的UI与底层数据分离，并且不会创建指向其他UI的混乱代码。

我建议阅读有关如何使用单页应用程序框架（例如AngularJS，DurandalJS或EmberJS）以正确结构化事物的信息。

- Dean Ward