[JavaScript] textContent, innerHTML, innerText

* textContent

식별자 노드의 내부 콘텐츠를 text/plain으로 파싱한 결과 

해당 요소 내부의 원시 텍스트 (raw text)

빠르다

 

* innerText

텍스트의 렌더링 후 모습을 인식할 수 있다

사용자가 커서를 이용해 요소의 콘텐츠를 선택하고 클립보드에 복사했을 때 얻을 수 있는 텍스트의 근삿값을 제공해준다

원시 텍스트가 최종적으로 렌더링된 모습, 예를 들어 내용 숨김이나 줄바꿈과 같이 의도적인 스타일링이 들어간 후의 모습이다

IE환경에서 성능이 좋다

 

* innerHTML

text/html으로 파싱한 결과

상대적으로 파싱이 느리다(큰 차이는 아니다)

문제 : cross-site scripting 공격에 취약하다