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