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 は除外しません。

3. innerText 属性は DOM 標準の一部ではありませんが、Firefox ブラウザではこの属性も導入されていません。一方、textcontent は DOM 標準の一部です。

上記がこの記事の全内容です。皆さんが JavaScript を学び、慣れるのに役立つことを願っています。