javascript 要素を置換する

javascript 要素を置換する

javascriptで、replaceChildを使用して要素を置換するサンプルコードを記述してます。

環境

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

replaceChild使い方

replaceChildを使用すると、要素を置換することが可能です。

サンプルコード

以下は、
「置換」ボタンをクリックするとtype=passwordから新しいtype=text要素に置換する
サンプルコードとなります。

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

置換されていることが確認できます。