JavaScript

[JavaScript] HTMLタグに独自属性を追加/取得する

投稿日:

HTMLタグに独自属性を追加/取得するサンプルです。

独自属性をセットする場合は .setAttribute()
独自属性から値を取得する場合は .getAttribute()を使用します。

構文

独自属性を設定する
//要素objにパラメータ「p1」、値「hoge」を設定する obj.setAttribute("p1", "hoge");
属性値を取得する
//要素objのパラメータ「p1」の値を取得する var zz = obj.getAttribute("p1");

サンプル

例)ボタンを押すと、独自属性「p1」の値を表示する

例)要素「b1」に、独自属性「p1」値「hoge」を設定する

解説

  • 未設定の属性を取得すると値はnullになります。

スポンサーリンク

スポンサーリンク

-JavaScript

執筆者:


comment

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

関連記事

[JavaScript] マウスが移動したイベントを取得する(onMouseMove)

マウスが移動したイベントを取得するには、onmousemoveを使用します。 サンプルソース 例)divタグ(id="a ...

[JavaScript] 無名関数を使用する

無名関数とは、読んで字のごとくでFunction名が定義されていない関数です。 無名関数は関数リテラルを定義する場合や、 ...

[JavaScript] チェックボックスのチェック状態を取得する

チェックボックスのチェック状態を取得するサンプルです。 サンプルソース 例)ボタンを押すとチェックボックスの状態をアラー ...

[JavaScript] 指定した数値の中で一番大きな(小さな)数値を取得する

指定した数値のなかで一番大きい(小さい)数値を取得するサンプルです。 サンプルソース 数値は配列に格納されているものとし ...

[JavaScript] 10進表記のカラーコードを16進表記に変換する

10進表記のカラーコードを16進表記に変換したい場合にご利用ください。 10進表記のカラーコードを16進表記に変換する ...

スポンサーリンク