テキストを書き換える

JavaScript入門 / 全 5 枚

JavaScript入門 - テキストを書き換える

textContent に代入すると画面の文字が変わる

見つけた要素の textContent は、読むだけでなく代入もできます。代入した瞬間に、その部品が画面に出している文字が入れ替わります。

では、書き換わったのはどこまででしょうか。次の図解で、画面と保存してあるファイルを見比べます。

= の右に書いた文字が、そのまま画面の文字になります。

const name = document.querySelector("#profile-name");
console.log(name.textContent); // 山田はな

name.textContent = "山田はな（イラストレーター）";
console.log(name.textContent); // 山田はな（イラストレーター）

1 / 5

← → キーでも送れます

このスライドが付いているレッスンを開く