Skip to content

Instantly share code, notes, and snippets.

@nishinoshake

nishinoshake/custom_data.html

Last active May 29, 2016 04:46
Show Gist options
  • Save nishinoshake/cf808ce4f7654f5bae35 to your computer and use it in GitHub Desktop.
Save nishinoshake/cf808ce4f7654f5bae35 to your computer and use it in GitHub Desktop.
Download ZIP
カスタムデータ属性にアクセス
Raw
custom_data.html
<p id="blog" data-author="Taro" data-create-date="2013-04-10">2013-04-10</p>
Raw
custom_data_jq.js
var blog = $("#blog");
alert("author : " + blog.data('author'));
alert("create date: " + blog.data('create-date'));
Raw
custum_data_js.js
var blog = document.getElementById("blog");
alert("author : " + blog.dataset.author);
alert("create date : " + blog.dataset.createDate); //JSではハイフンの後create-dateをキャメル(createDate)に
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment