JavaScript の textContent と innerText の主な違いは何ですか?

JavaScript における textContent と innerText の比較

概要

textContent と innerText は、JavaScript の 2 つのプロパティです要素のテキストコンテンツを返す JavaScript。ただし、この 2 つには微妙な違いがあります。

主な違い

• innerText:

  • 表示可能なテキスト コンテンツのみを返します。
  • 非表示の要素と空白は無視します。

• textContent:

  • 非表示の要素や空白を含む要素のテキスト コンテンツを返します。
  • レイアウト情報が必要なため、innerText よりもパフォーマンスが高くなります。

例

例:

var logo$ = document.getElementsByClassName('logo')[0];
logo$.textContent = "Example";

上記のコードは、クラス "logo" を持つ最初の要素のテキスト コンテンツを "Example" に設定します。これには、非表示の要素やその要素内の空白が含まれます。

使用例

• 非表示を含む要素の完全なコンテンツを取得する必要がある場合は、textContent を使用します。要素と空白。
• 要素の表示テキスト コンテンツのみを取得する必要がある場合は、innerText を使用します。

以上がJavaScript の textContent と innerText の主な違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。