JavaScript

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

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

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

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

サンプル

例)datasetを使ったサンプル

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 2進数、8進数、16進数値⇔10進数を変換する

2進数、8進数、16進数と10進数を変換するサンプルです。 n進数→10進数に変換する n進数を10進数に変換するには、 ...

[JavaScript] ブラウザの戻るボタン、次へボタンを実装する(history.back、history.forward)

javascriptでブラウザの履歴を操作するには、 window.history.back()、window.hist ...

[JavaScript] ウィンドウ内のフレーム数を取得する(window.length)

ウィンドウ内のフレーム数を取得するには、window.lengthを使用します。 サンプルソース 例)ウィンドウ内のフレ ...

[JavaScript] 要素の集合体をを配列として取得する(Array.from)

要素の集合体をを配列として取得するには、Array.fromを使用します。 サンプルソース 例)"c1"クラスを持つ要素 ...

[JavaScript] 日時(Date型)の加減算を行う

Date型の加減算を行うサンプルです。 日時の加減算を行うサンプル Dateオブジェクトの日時の加算/減算を行うには、+ ...

スポンサーリンク