ホームページ >ウェブフロントエンド >jsチュートリアル >innerTextスキルとtextContent_javascriptスキルの比較と使い方紹介

innerTextスキルとtextContent_javascriptスキルの比較と使い方紹介

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 17:41:221201ブラウズ

今日、FireFox は innerText メソッドをサポートしていないという互換性の問題に遭遇しました。MDN を調べたところ、IE の innerText と呼ばれる同様のメソッドがあり、このメソッドを取得 (設定) するために使用されていることがわかりました。要素内のテキストの。

構文
•設定

コードをコピー コードは次のとおりです。

element.textContent = "text";


コードをコピー コードは次のとおりです:

var text = element.textContent;

コードをコピー コードは次のとおりです:

: textContent は innerText に似ており、子要素のテキスト コンテンツも同時に取得します。
これは a
// div.textContent == "これはテキストです!" 🎜>
innerText との違い
•textContent は、`<script>` 要素と `<style>` 要素を含むすべての要素のコンテンツを取得します <BR>•innerText は取得しません非表示の要素のコンテンツですが、textContent は行われません</script>•innerText はリフローをトリガーしますが、textContent は行われません
•innerText の戻り値はフォーマットされますが、textContent は


メインストリーム ブラウザー サポートではありません
•IE 9 •Chrome 1
•FireFox(Gecko)
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。