kaibukuroのブログ

HTML/CSS/JavaScript/PHPなどのアウトプット

【フロントエンド】備忘録 HTML,JSなど。

data-ナンデモ属性とは:

<タグ名 data-ナンデモ="img1.jpg">

のように、data- の後に自由に命名した属性を入れることが出来る。(HTML5から実装)

JavaScriptで取得するときは、

const = 取得した要素.dataset.ナンデモ部分につけた名前


こちらの本の内容から抜粋しました。
https://www.amazon.co.jp/%E7%A2%BA%E3%81%8B%E3%81%AA%E5%8A%9B%E3%81%8C%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8FJavaScript%E3%80%8C%E8%B6%85%E3%80%8D%E5%85%A5%E9%96%80-%E7%AC%AC2%E7%89%88-%E7%8B%A9%E9%87%8E-%E7%A5%90%E6%9D%B1/dp/4815601577/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=Javascript&qid=1610352172&sr=8-1