innerHTML、innerText、outerHTML、outerTextの違い.

1606 ワード

1.innerHTML:オブジェクトの先頭ラベルと終了ラベルの内容を設定または取得します.例えば:
hello world
segmentfault

dazhuaoyao

consone.log(document.getElemenntById('div 1').innersHTML)を実行します.出力:hello world実行consone.logs(document.getElement ById('div 2').innersHTML);出力:segmentfault dazhuaoyao実行document.getElement ById('div 1').inners HTML='node'はdiv 1の内容を設定します.node実行document.getElement ById('div 1').innerHTML='+node'はそのまま表示されます.
2.inner Text:オブジェクトの先頭と終了ラベル内にあるテキストを設定または取得します.上記のdiv操作を使用して、consone.log(document.getElemenntById('div 1').innersHTML)を実行します.出力:hello world実行consone.logs(document.getElement ById('div 2').innersHTML);出力:segmentfaultdazhuaoyao違いに気づきましたか?div 2の内容を出力する時、ラベルは含まれません.innetTextを設定する時、実行:document.getElementById('div 1').innerText=''+'node''''''この時、ページに表示されている内容はnodeです.この時、ラベル名は解析されておらず、文字としてそのまま出力されます.
3.outerHTML:オブジェクトとその内容を設定または取得するHTML形式.上記のdiv操作を使用して、consone.log(document.getElemenntById('div 1').innersHTML)を実行します.出力:hello world実行consone.logs(document.getElement ById('div 2').innersHTML);出力:
segmentfault

dazhuaoyao

innerHTMLとは違って、対象自体のラベルも含まれています.outerHTMLを設定する時は、innerHTMLと同じです.
4.outer Text:オブジェクトのテキストを設定または取得します.上記のdiv操作を使用して、consolie.log(document.getElemenntById('div 1').outer Text)を実行します.出力:hello world実行consone.logs(document.getElement ById('div 2').innersHTML);出力:segmentfaultdazhuaoyaoですが、outer Textの値を設定すると、ラベル名を解析できます.