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/