DOMおれおれAdvent Calendar 2015 – 17日目分 HTML5になって data-xxx という形の任意の属性を、あらゆるタグに書けるようになりました。属性なので getAttribute() とかで扱えるんだけど、それとは別に専用の dataset というものもあります。 var el; // => <div data-foo="123" data-sushi-type="roll" /> // 取得 console.log(el.getAttribute('data-foo')); // => "123" console.log(el.dataset.foo); // => "123" // 設定 el.dataset.foo = "Woof!"; console.log(el.getAttribute('data-foo')); // => "Woof!" //
![data属性を扱うならdatasetで楽ちん。(DOMおれおれAdvent Calendar 2015 – 17日目) | Ginpen.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/de4af7f62b39439905833504e59ba1e153be6d8b/height=288;version=1;width=512/https%3A%2F%2Fginpen.com%2Fwp-content%2Fthemes%2Fginpen-theme%2Fimg%2Ficon-512.png)