JavaScript- innerHTML&textContent

📌 innerHTML

• Element의 HTML과 XML을 읽어오거나, 설정할 수 있다 태그 안에 있는 HTML 전체 내용을 들고옴

📌 textContent

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

<예시>

[index.html]

  <div id='test'>hi</div>

console.log("innerHTML", document.getElementById("test").innerHTML); 

// html태그까지 전부다 다옴
//> <span>hi<span>

console.log("textContent", document.getElementById("test").textContent); 

// 담긴 내용만 나옴
// hi