Node.textContent
<script>
와 <style>
요소를 포함한 모든 요소의 콘텐츠를 가져온다.
노드의 모든 요소를 반환한다.
textContent는 XSS 공격의 위험이 없다.
innerText 와의 차이점
innerText는 "사람이 읽을 수 있는" 요소만 처리한다. "숨겨진" 요소의 텍스트는 반환하지 않는다.
innerText는 CSS를 고려하기에 리플로우가 발생한다. (피하는 게 좋다)
Internet Explorer 기준으로 innerText를 수정하면 요소의 모든 자식 노드를 제거한다. 해당 텍스트 노드를 재활용하기 어렵다.
innerHTML 과의 차이점
Element.innerHTML는 이름 그대로 HTML을 반환한다. HTML로 분석할 필요가 없다는 점에서 textContent의 성능이 더 좋다.