data属性の値を取得または設定

// すべてのdata属性
var dataAttrs = element.dataset;

// 特定のdata属性値
var attrValue = element.dataset.～;

element.dataset.～ = setValue;

HTML

<div id="sample" data-sample="abc" data-sample-foo="123" data-sample-bar>サンプル</div>

JavaScript

var elem       = document.getElementById('sample'),
    dataAttrs  = elem.dataset, // 付与されているdata属性すべてを取得
    attrValue1 = dataAttrs.sampleFoo, // 属性data-sample-fooを取得
    attrValue2 = dataAttrs.sampleBar, // 値が空の属性data-sample-barを取得
    attrValue3 = dataAttrs.sampleBaz; // 存在しない属性data-sample-bazを取得

dataAttrs.sampleQux = 'あいうえお'; // 属性data-sample-quxを設定

alert(dataAttrs.sampleQux);
alert(attrValue1);
alert(attrValue2);
alert(attrValue3);