🎯 주요 노드 프로퍼티
📝 innerText
- text 값만 읽어온다!
- 내용물을 파싱 하지 않는다. (HTML 구문을 해석하지 않는다.) -> 오로지 문자열만 인식한다.
📝 innerHTML
- 요소 안의 HTML을 문자열 형태로 받아올 수 있다.
- 내용물을 파싱 한다. (HTML 구문을 해석한다.)
📝 textContent
- 요소 내의 텍스트에 접근할 수 있다.
<태그>
는 제외하고 오로지 텍스트만 추출한다.
- 텍스트를 '안전한 방법’으로 쓸 수 있기 때문에 실무에선
textContent
를 쓰기 용으로 유용하게 사용한다.
📝 innerText와 textContent 차이점
- textContent는 공백 포함해서 모든 텍스트 반환.
- innerText는 불필요한 공백을 제거 텍스트만 반환.
📌 참고