innerHTML innerText textContent

innerHTML

Element 속성으로 

element 내에 포함된 HTML 또는 XML 마크업을 가져오거나 태그와 함께 입력해 내용을 직접 설정할 수 있다

document.documentElement.innerHTML = "<p>innerHTML</p>"

document.documentElement.innerHTML = "<span style='color:blue'>innerHTML</span>"

 

 

innerText

Element 속성으로 

element 내에서 사용자에게 보여지는 text 값들을 가져오거나 설정할 수 있다

document.documentElement.innerText = "innerText"

 

 

textContent

Node속성으로 

<script> 나  <style> 태그에 상관없이 해당 노드가 가지고 있는 텍스트 값을 모두 읽어온다

 

 

 

 

 

 

 

 

 

 

 

 

 

---

refer to

https://velog.io/@kim_unknown_/JavaScript-Difftext