こんにちは、チャリセです。

今回はjsとjQueryを使ってHtmlDOMのidの変更方法を紹介させてください。
ウェブアプリ開発する際、よく使うことがあります。
まずは、Bootstrap5のmodalを使ってボタンをクリックするとmodalを表示するようにしました。

その後、クリックするボタンにIDを付けて、そのIDをクリックするとmodalのBodyに付けたID名を変更するようにしました。
その、jQueryのスクリプトはこちらになります。

また、同じくJSでやった場合は以下のようなスクリプトになります。

その結果は、以下のようになりました。

WebGLバーチャルコンテンツを作るときHtmlDOMのIDを変更する必要があったため作ってみました。