data属性を扱うならdatasetで楽ちん。（DOMおれおれAdvent Calendar 2015 – 17日目） | Ginpen.comDOMおれおれ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!" //
