JavaScriptでテキストを書き換えるにはこれまでinnerHTMLメソッドを使っていたが、textContentメソッドでも書き換えられることが分かったので記録しておく。
両者の違いは次のとおりである。
- textContentメソッド
document.getElementById(“id名”).textContent =id名の付いた要素のテキストを書き換える。
書き換える文字列がテキストのみの場合に使用。 - innerHTMLメソッド
document.getElementById(“id名”).innerHTML =id名の付いた要素のテキストを書き換える。
書き換える文字列にHTMLタグを含めることができる。