FireFoxでinnerTextが動作しないときにできる簡単な対応 【Javascript】

  • 投稿 : 2012-04-16
  • 更新 : 2013-05-12

FireFoxではinnerTextが使えない

FireFoxでは、innerTextがサポートされてなくて、代わりにtextContentを使用するようです。
innerHTMLはOKみたいです。

document.writeはあまり良くないということで、innerHTMLとinnerTextで書き換えたのですがFirefoxだけうまく動かないところがあってそれで知りました。

簡単な対応方法

document.getElementById("test_id").innerText = 'テキスト001';
//以下の部分を追加
if (typeof document.getElementById("test_id").textContent!= "undefined") {
 document.getElementById("test_id").textContent = 'テキスト001';
}
こういう感じでFireFox用にコードを追加してあげると、動作した。
textContentという属性がサポートされてるのなら、値を設定するというコードを追加しています。
スポンサーリンク