innerHTML

Element의 HTML을 읽어오거나 설정할 수 있다. 태그 안에 있는 HTML 전체의 내용을 들고 온다.

textContent

해상 노드가 가지고 있는 텍스트 값을 그대로 가져온다.

예시

//HTML에 이런 태그가 있다고 가정하자
<div id="test">
    <span>hi</span>
</div>

콘솔로 찍었을 때 결과값은
console.log(document.getElementById('test').innerHTML)

console.log(document.getElementById('test').textContent)