Firefox に innerText は使えない

JavaScript でプログラムを書いたら、Firefox で動かないとバグ・レポートが入った。innerText が問題という。調べてみると、Firefox で innerText が使えないのは割と有名な話らしい。

• Firefoxではタグに値を入れるときはinnerTextではなくtextContentを使う at HouseTect, JavaScriptな情報をあなたに

このブログの記事の通り、innerText を textContent に置き換えたら問題なく動くようになった。

問題のソースコードは下記:

• ataka/blogger-toc - GitHub
• see also. clmemo@aka: Blogger 用「目次」ウィジェットを作った

(旧) a.innerText = post_title.innerText;
(新) a.textContent = post_title.textContent;

あとがき

こういうバグ・レポートをもらえたのも、ソース・コードを公開していたからだと思う。今回は丁寧にも innerText が問題ではないか? と原因の考察付きだった。そこまで分かれば解決策を見つけのは易い。

仮に原因が見つからないにしても、「Firefox で動かない」だけでもバグ・レポートをもらえると助かる。こちらは全てのブラウザーでチェックしているわけではないので。

ともかく、これで「目次」ウィジェットは Firefox でも動くようになった。バグ・レポートに感謝。