innerText と textContent: クロスブラウザーのテキスト操作にはどちらの JavaScript プロパティを使用する必要がありますか?

ブラウザー間での TextContent 操作: 'innerText' と 'textContent'

JavaScript では、要素のテキスト コンテンツの操作はブラウザーによって異なります。 「innerText」は IE では問題なく動作しますが、Firefox は異なる動作を示します。

innerText と textContent の比較

Firefox は W3C 標準に準拠し、「textContent」を採用しています。このプロパティには要素内のすべての SCRIPT タグのコンテンツが含まれますが、それらを除外する 'innerText' とは対照的です。また、「textContent」のように動作する「innerText」のバージョンも実装します。ただし、Safari 2.x にはバグのある「innerText」実装があり、その機能は表示要素と添付要素に制限されています。

汎用クロスブラウザ ソリューション

ブラウザ間で差異がある場合は、要件を正確に定義することをお勧めします。多くの場合、「textContent」または「innerText」に依存する代わりに、「innerHTML」からタグを削除するだけで十分です。

代替アプローチ

あるいは、DOM ツリーを再帰的に走査して収集します。テキスト ノードは、ブラウザ間でテキスト コンテンツを操作するためのより信頼性の高い方法を提供します。

以上がinnerText と textContent: クロスブラウザーのテキスト操作にはどちらの JavaScript プロパティを使用する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。