JavaScript

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

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

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

サンプル

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

実行サンプル

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

div領域

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] テキストの指定した範囲を選択状態にする

テキストの指定した範囲を選択状態にするには、setSelectionRangeを使用します。 サンプルソース 例)開始位 ...

[JavaScript] JavaScriptファイルを非同期で読み込む(async/defer)

JavaScriptファイルを非同期で読み込むには、async/deferキーワードを使用します。 サンプル 例1)同期 ...

[JavaScript] チェックボックスにチェックを付ける

チェックボックスにチェックを付けるサンプルです。 サンプルソース 例)ボタンを押すとチェックボックスのオン/オフを切り替 ...

[JavaScript] URLのパラメータを取得する

JavaScriptでURLのパラメータを取得するには、 window.location.searchを使用します。 U ...

[JavaScript] サブ画面が開いているか閉じているかチェックする

サブ画面が開いているか閉じているかチェックするサンプルです。 サンプルソース 例)サブ画面が開いているか閉じているかチェ ...

スポンサーリンク