包含自定义信息的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/