javascript 属性を作成する

javascript 属性を作成する

javascriptで、datasetを使ってhtml5のデータ属性を作成するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

HTML5構文

「data-」に任意の名前を使えば、データ属性を作成することができます。

dataset使い方

datasetを使うと、html5のデータ属性を取得したり作成することが可能です。

dataset使い方

サンプルコード

以下は、
「 作成 」ボタンをクリックして、datasetを確認・作成・変更する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

datasetが確認・作成・変更されていることが確認できます。