コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript

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

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

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

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

サンプル

例)datasetを使ったサンプル

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] サブウィンドウから親ウィンドウを参照する(window.opener)

サブウィンドウから親ウィンドウを参照するには、window.openerで参照できます。 サンプルソース 例)子画面(s ...

[JavaScript] JavaScriptのみ実行して遷移は行わないリンクを作成する

JavaScriptのみ実行するリンクにするは、hrefに"javascript:~"と記述します。 サンプルソース 例 ...

[JavaScript] 文字色と背景色を変更する

JavaScriptで文字色と背景色を変更するサンプルです。 サンプルソース 例)id="target"要素の文字色を白 ...

[JavaScript] メッセージIDでメッセージを管理する

メッセージIDを定義して、定義したIDでメッセージを管理するサンプルです。 サンプルソース 例)メッセージの定義と呼び出 ...

[JavaScript] 平方根を求める(Math.sqrt)

平方根を求めるには、Math.sqrt()を使用します。 構文 (aの平方根を求めてxに代入する) var x = Ma ...

スポンサーリンク