javascript - 在html中动态存储数据(html5)

Question

我正在用 html 创建一个由多个复选框组成的动态 div。所有这些复选框和 div 都被动态添加到 html 中。我需要在 html 中存储有关每个 div 的一些数据，以便稍后由 javascript 访问。谁能告诉我一个可以在 div 中动态添加和检索数据的示例？我知道 HTML5 允许它并且还有其他一些技巧可以做到这一点，但我猜我在语法上遇到了麻烦。

Answer 1

尝试使用 JavaScript 来实现:

SomeClass.someVariable = document.getElementById('divid');

否则，如果您要访问必须用作 HTML 标记中的属性的自定义数据，请使用

data-XXX = 'YYY';

然后用 JS 访问它:

document.getElementById('divid').dataset.XXX;