JavaScript

[JavaScript] 要素のidを変更する

投稿日:2016年10月8日 更新日:

JavaScriptで要素のidを変更することができます。

サンプル

例)ボタンを押すとid="aaa"をid="bbb"に変更する

実行サンプル

ボタンを押すと、div領域のidを変更します。

div領域

解説

  • id変更後のスタイルは、新idのスタイルが即時反映されれます。
  • id変更後にgetElementByIdでオブジェクトを取得する場合は、変更前のidでは取得できなくなります。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] ウィンドウを最前面にする(window名.focus())

ウィンドウを最前面にするには、window名.focus() を使用します。 サンプルソース 例)ボタンを押すと、サブウ ...

[JavaScript] 文字列を置換する(.replace)

文字列を置換するサンプルです。 置換には、replace関数を使用します。 一番初めに出現した置換対象文字のみ置換する ...

[JavaScript] 文字のASCIIコードを取得する

文字のASCIIコードを取得するには、charCodeAtを使用します。 サンプルソース charCodeAtの引数には ...

[JavaScript] 文字列をBase64エンコードする(.btoa)

文字列をBase64エンコードには、window.btoa()を使用します。 サンプルソース 例)文字列「abcdefg ...

[JavaScript] 数値が非数かどうかチェックを行う(isNaN)

数値が非数(NaN値)かどうかチェックをするには、isNaN()関数を使用します。 サンプル 例)isNaN関数の結果例 ...

スポンサーリンク