JavaScript

[JavaScript] HTMLタグに独自属性を設定する(dataset)

投稿日:2017年12月12日 更新日:

HTMLタグに独自の属性を設定したい場合は、datasetという仕組みを使用します。

カスタムデータ属性とも呼ばれます

サンプル

例)datasetを使ったサンプル

解説

  • タグに直接書く場合は、「"data-" + <属性名>="<値>"」とします。
  • 属性名には、1文字以上のアルファベット、数字、ハイフン「-」、アンダースコア「_」、ドット「.」、コロン「:」が使用できます。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] ツールチップを設定する

JavaScriptでツールチップを設定するサンプルです。 サンプルソース 例)ボタンを押すと、入力された値がツールチッ ...

[JavaScript] undefinedとnullについて

undefinedと、nullについてまとめてみました。 どういった場合にundefinedやnullとなるか 変数を宣 ...

[JavaScript] 連動するセレクトボックス

連動するセレクトボックスのサンプルです。 サンプルソース 例)都府県を選択すると、市区の選択肢が変わるセレクトボックス ...

[JavaScript] Ajaxの戻りステータスがエラーとなる場合の原因

Ajaxの戻りステータスがエラーとなる場合の原因をまとめてみました。 Ajaxの戻りステータスがエラーとなる場合の原因 ...

[JavaScript] 新規に開いた画面にSubmitする

新規に開いた画面にSubmitするサンプルです。 サンプルソース 例)ボタンを押すと 1000×500px の画面を開き ...

スポンサーリンク