JavaScript

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

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

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

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

サンプル

例)datasetを使ったサンプル

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 配列の最後に要素を追加する(.push)

配列の最後に要素を追加するには、.push()を使用します。 サンプルソース 例)配列の末尾に要素を追加してコンソールに ...

[JavaScript] 配列をソートする(.sort)

配列をソートするには、.sort()を使用します。 サンプル 例)配列をソートする [crayon-5b7c8de240 ...

[JavaScript] テーブルの行数、列数を取得する

テーブルの行数、列数を取得するにはrows.length、cells.lengthを使用します。 サンプル 例)id=& ...

[JavaScript] コンソールにメッセージを出力する

コンソールにメッセージを出力するサンプルです。 サンプルソース 例)ボタンを押すとコンソールにメッセージを出力する [c ...

[JavaScript] 配列の重複データのみ抽出する

配列の重複データのみ抽出するサンプルです。 サンプルソース 例)配列「arr1」から重複要素のみを抽出した配列を取得する ...

スポンサーリンク