개발공부/JavaScript

innerHTML, innerText, textContent 차이

김놀먹 2023. 7. 26. 14:30

innerHTML

태그를 포함한 모든 HTML을 반환

 

innerText 

웹 브라우저 화면에 렌더링 되는 (=눈에 보이는) 값만 반환 

노드로 저장되지 않는 텍스트 데이터는 제외(폼 요소 안에 작성한 텍스트)

 

textContent 

태그 안의 모든 (=눈에 보이지 않는) 텍스트 반환

(<script>, <style> 태그 포함)