JavaScriptでコーディングしているとDOMプロパティの「textContent」・「innerHTML」・「innerText」ってどう違うのか?という疑問が生じます。
ということで以下に違いをまとめてみました。
| プロパティ | 用途 | Chrome | Firefox | IE |
|---|---|---|---|---|
| textContent | HTMLタグがあったらエスケープ | ○ | ○ | ☓ |
| innerHTML | HTMLタグはエスケープせずに反映 | ○ | ○ | ○ |
| innerText | HTMLタグがあったらエスケープ | ○ | ☓ | ○ |
ブラウザ別に見ると3つ全てのプロパティが使用可能ということで「Chrome」がブラウザでは使い勝手が良さそうです。
