innerTextかnodeValueのどちらかを選択するにはどうすればよいですか?

Question

スパン要素内のテキストを変更する必要がある場合、どれを使用すればよいですか、またその違いは何ですか:

var spnDetailDisplay=document.getElementById('spnDetailDisplay');
spnDetailDisplay.innerText=sDetail;

または

 var spnDetailDisplay=document.getElementById('spnDetailDisplay');
 spnDetailDisplay.childNodes[0].nodeValue=sDetail;

Answer 1

テキストコンテンツを持つ要素のために、彼らは同じです。 nodeValueについては、このMDCの記事を参照してください。

からのrel="noreferrer">ます：

  要素にはサブ要素、テキストだけを持っていない場合は、

は、それは（通常）ElemRef.childNodes[0]としてアクセス一つの子ノードを有しています。このような正確な場合、ElemRef.innerTextのW3C Web標準と同等でElemRef.childNodes[0].nodeValueある。

Answer 2

• ノード値 標準推奨 W3C です。
• 内部テキスト は インターネットエクスプローラ 標準ではなく、具体的なものです。そして：
  • の内容は返されません <script> そして <style>.
  • スタイルを認識し、非表示の要素のテキストを返しません。
  • CSS スタイルを意識すると、リフローがトリガーされます。

ただし、2016 年 3 月の時点では、すべての主要ブラウザのバージョンで innerText がサポートされています。

一般的には似ていますが、最高のパフォーマンスが必要な場合は、 ノード値 使用すべきです。

パフォーマンス テストへのリンク: https://jsperf.com/read-innerhtml-vs-innertext-vs-nodevalue-vs-textcontent/13