본문 바로가기
코딩(Coding)/자바스크립트(JavaScript)

innerHTML과 textContent의 차이

by JennieJuno 2024. 3. 29.

innerHTML: HTML, XML을 읽어오거나, 설정할 수 있ㅅ븐디ㅏ. 태그 안에있는 HTML 전체 내용을 들고옴

textContent: 해상 노드가 가지고 있는 텍스트 값을 그대로 가져옴.

 

예시

html에 이런 태그 있다고 가정할때

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

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

 

두 결과 값

 

innerHTML은 span까지 출력하고

textContent는 텍스트만 출력하였다