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では使用できません。
| innerText | textContent | innerHTML | |
|---|---|---|---|
| IE | ○ | × | ○ |
| Firefox | × | ○ | ○ |
| Opera | ○ | ○ | ○ |
| Google Chrome | ○ | ○ | ○ |
関連記事
- Windowsを定時にシャットダウンするツール
- SELECTタグで色を選択する場合のサンプル
- JavaScriptで64bit版か32bit版の判別をする方法
- FireFoxでinnerHTMLを使うときの注意点
- jQueryのbgiframeプラグインをIE9に対応させる方法
- replaceは最初に一致した文字列だけを置き換えることに気をつける
- 全てのブラウザ向けにJavaScriptでブックマークリンクを設定する方法
- HTMLとJavaScriptの文字コードが違うときの対処法
- イベントハンドラの種類
- フレームに関するJavascript
- JavaScriptとは？
- Lightboxの使い方
スポンサーリンク
