[ JavaScript] 자바스크립트 주요 노드 프로퍼티

🎯 주요 노드 프로퍼티

• DOM 노드에 대해 좀 더 알아보자.

 

📝 innerText

• text 값만 읽어온다!
• 내용물을 파싱 하지 않는다. (HTML 구문을 해석하지 않는다.) -> 오로지 문자열만 인식한다.

 

📝 innerHTML

• 요소 안의 HTML을 문자열 형태로 받아올 수 있다.
• 내용물을 파싱 한다. (HTML 구문을 해석한다.)

 

📝 textContent

• 요소 내의 텍스트에 접근할 수 있다.
• <태그>는 제외하고 오로지 텍스트만 추출한다.
• 텍스트를 '안전한 방법’으로 쓸 수 있기 때문에 실무에선 textContent를 쓰기 용으로 유용하게 사용한다.

 

📝 innerText와 textContent 차이점

• textContent는 공백 포함해서 모든 텍스트 반환.
• innerText는 불필요한 공백을 제거 텍스트만 반환.

 

📌 참고

• 주요 노드 프로퍼티