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/