innerHTML属性、outerHTML属性、textContent属性、innerText属性の違いの詳しい説明_javascriptスキル

innerHTML 属性は、ノード内の HTML コードの読み取りまたは設定に使用されます。

outerHTML 属性を使用して HTML コードを読み取ったり設定したりすると、ノード自体が含まれます。

textContent 属性は、ノードに含まれるテキスト コンテンツの読み取りまたは設定に使用されます。

innerText属性とouterText属性は、要素ノードのテキストコンテンツを読み取るときに異なる値を取得します。それらの違いは、ノードのテキスト属性を設定するときに、outerText 属性によって元の要素ノードがテキスト ノードに置き換えられることです。 innerText は非標準プロパティであり、Firefox ではサポートされていないことに注意してください。

1.innerText は CSS の影響を受けますが、textcontent にはこの問題はありません。たとえば、CSS ルールによって特定のテキストが非表示になっている場合、innerText はこのテキストを返しませんが、textcontent は返されます。

2. innerText によって返されるテキストはスペース、改行、Enter キーを除外しますが、textcontent は除外しません。