javascript html要素のテキストを変更する

javascript html要素のテキストを変更する

javascriptで、textContentを使って、html要素のテキストを変更するサンプルコードを記述してます。

環境

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

textContent使い方

textContentを使うと、html要素にあるテキストを取得したり変更することが可能です。

サンプルコード

以下は、
「変更」ボタンをクリックして、指定した要素のテキストを変更して元に戻す
サンプルコードとなります。

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

テキストが変更されていることが確認できます。