innerText、innerHTML、textContentの違い

innerText、innerHTML、textContentは、ほとんど同じ使い方をします。

[参考記事] FireFoxでinnerHTMLを使うときの注意点

document.getElementById("area").innerText = 'テスト';
document.getElementById("area").innerHTML = 'テスト';
document.getElementById("area").textContent = 'テスト';

スポンサーリンク

innerTextとtextContentは、HTMLタグがあったらエスケープされて表示されますが、innerHTMLはHTMLタグがあるとエスケープされずに反映されます。

またinnerTextはFireFoxで、textContentはInternet Explorerでは使用できません。

innerTexttextContentinnerHTML
IE×
Firefox×
Opera
Google Chrome

関連記事

スポンサーリンク

SUM関数 合計値を求める

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る