如何将时序信息直接设置到DOM中？

Question

根据mozilla的此链接，data-属性用于设置DOM中的数据。我想使用new Date().getTime()抓住时间并将其附加到DOM中的元素。

在JavaScript中执行此操作的正确方法是什么？它只是一个简单的div元素，我想设置一个名为data-time的属性。

Pseduo代码将是：

  

div_element.data-time = new Date（）。getTime（）;

Answer 1

如果您希望在所有浏览器中获得支持，可以使用setAttribute()将时间设置为DOM元素的属性：

div_element.setAttribute("data-time", new Date().getTime());

Answer 2

您应该使用dataset API

divElement.dataset.time = new Date().getTime();

Support并不完美，所以请注意。 IE11 +。如果您需要支持恐龙，请使用setAttribute方式。

Answer 3

如果您使用脚本设置并获取值，那么DOM属性就可以了：

div_element['data-time'] = +(new Date());

Answer 4

不同浏览器的众多答案表明了jQuery喜欢的外观模式。