javascript - 包含自定义信息的 DOM 元素

Question

我有一个显示时间的 DOM 元素：

<div id="time"></div>

时间显示功能是用 JavaScript 编写的。但我还需要保存有关此元素的其他信息，例如时间模式。我的意思是，如果我调用一个类似getElementById（只是一个例子）的函数，我想知道这个元素的附加属性（在我的情况下是时间模式）是否可以这样做？

Answer 1

您可以使用data属性。它们旨在存储数据：

<div id="time" data-pattern="test"></div>

还有一些测试 JavaScript：

​var time = document.getElementById('time');

console.log(time.getAttribute('data-pattern')​​​​);​

如果您使用的是 jQuery，您可以使用该.data()方法提取值并自动转换常见的数据类型：

$('#time').data('pattern');

演示：http: //jsfiddle.net/UPufH/