innerHTML vs. textContent vs. innerText

<p id="test">    This element    contains <span>an inner span</span>. </p>

 

이런 paragraph가 있을 때,

 

 

 

innterHTML

    This element    contains <span>an inner span</span>. 

모든 spacing과 element tags가 다 포함됨

 

 

 

 

textContent

    This element    contains an inner span. 

element tags는 없지만 spacing은 그대로

 

 

 

innerText

This element contains an inner span.

딱 텍스트만.

element tags 없음

trimmed

 

 

 

 

 

 

출처

https://teamtreehouse.com/community/innertext-vs-innerhtml#:~:text=Unlike%20innerText%2C%20though%2C%20innerHTML%20lets,content%20but%20in%20HTML%20format.

innerText vs innerHTML | Treehouse Community