JavaScript innerHTMLとtextContentの違い

JavaScriptでテキストを書き換えるにはこれまでinnerHTMLメソッドを使っていたが、textContentメソッドでも書き換えられることが分かったので記録しておく。
両者の違いは次のとおりである。

  • textContentメソッド
    document.getElementById(“id名”).textContent =id名の付いた要素のテキストを書き換える。
    書き換える文字列がテキストのみの場合に使用。
  • innerHTMLメソッド
    document.getElementById(“id名”).innerHTML =id名の付いた要素のテキストを書き換える。
    書き換える文字列にHTMLタグを含めることができる。