[JS] DOM 에서 innerHTML과 contentText의 차이

자바스크립트로 DOM 요소를 제어하는 파트를 공부하다가 innerHTML과 contentText 두 가지가 무슨 차이가 있나 궁금해졌다.

 

innerHTML : HTML 요소의 내용을 조작할 수 있다.

textContent: 순수한 텍스트를 가져오거나 설정한다.

 

HTML을 직접 조작해야 한다면 innerHTML을 사용하고, 텍스트 내용에만 관심이 있다면 textContent를 사용하면 된다고 한다.