JavaScript

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

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

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

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

サンプル

例)datasetを使ったサンプル

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

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

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

[JavaScript] 消費税額を取得するFunction

引数に受け取った金額の消費税額を返すFunctionサンプルです。 サンプルソース 例)税率8%で計算。引数が数値以外の ...

[JavaScript] 特定のキー入力をさせない

JavaScriptで特定のキー入力をさせなくするサンプルです。 サンプルソース 例)Bキーの入力を無効にする [cra ...

[JavaScript] 配列の全要素に処理を行った結果を返す(.map)

配列の全要素に処理を行った結果を返すには、.map()を使用します。 サンプルソース 例)配列の各要素を10倍した配列を ...

[JavaScript] サイト内の文字を選択できないようにする

サイト上の文字(文章)をドラッグ等で選択できないようにするには、 onselectstartを使用すれば実現できます。 ...

スポンサーリンク