javascript htmlタグ内の文字列を変更する

javascript htmlタグ内の文字列を変更する

javascriptでtextContentを使って、htmlタグ内にある文字列を変更するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

文字列変更

textContentメソッドの使えば以下のコードで文字列を変更できます。

以下は、textContentを使って「文字列変更」ボタンをクリックして、テキストを変更するサンプルコードとなります。

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

実行結果を確認すると、文字列が変更されていることが確認できます。