javascript - 自定义属性

Question

我想获取自定义属性的值。例如，对于这个:

<div style="-my-data:3;" id="foo" ></div>

我想写这样的东西:

document.getElementById("foo").style.myData;

但是它不起作用。我该怎么办？

Answer 1

您应该使用HTML5's custom data-* attributes相反:

<div data-myDataName="3" id="foo"></div>

<小时/>

然后，要通过 JavaScript 获取它，只需使用:

document.getElementById('foo').getAttribute('data-myDataName'); // '3'

<小时/>

这是 fiddle :http://jsfiddle.net/c55nf/

<小时/>

P.S. 尽管它是 HTML5 的一部分，但它仍然可以在旧版浏览器中运行。它刚刚在 HTML5 中标准化。