textContentとinnerHTMLの違い

JavaScriptでコーディングしているとDOMプロパティの「textContent」・「innerHTML」・「innerText」ってどう違うのか?という疑問が生じます。
ということで以下に違いをまとめてみました。

プロパティ用途    ChromeFirefoxIE
textContentHTMLタグがあったらエスケープ
innerHTMLHTMLタグはエスケープせずに反映
innerTextHTMLタグがあったらエスケープ

ブラウザ別に見ると3つ全てのプロパティが使用可能ということで「Chrome」がブラウザでは使い勝手が良さそうです。

コメントを残す

メールアドレスが公開されることはありません。

email confirm*

post date*