JavaScript

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

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

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

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

サンプル

例)datasetを使ったサンプル

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 印刷ダイアログを開く(window.print)

印刷ダイアログを表示するには、window.print()を使用します。 サンプルソース 例)ボタンを押すと、印刷ダイア ...

[JavaScript] 協定世界時(UTC時刻)を取得する(.toUTCString)

協定世界時(UTC時刻)を取得するには、.toUTCString()を使用します。 サンプルソース 例)現在日時のUTC ...

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

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

[JavaScript] HTMLタグの属性値を取得する(getAttribute)

HTMLタグの属性値を取得するには、getAttributeを使用します。 HTMLタグの属性値を取得する 例)id=" ...

[JavaScript] URLエンコード/デコードを行う

URLエンコード/デコードを行うサンプルです。 URLエンコードを行う URLエンコードを行うには、encodeURIC ...

スポンサーリンク