element.innerHTML
- 요소 노드
내부의 HTML 코드를 문자열로 리턴
(* 줄바꿈이나 띄어쓰기도 모두 포함) - 요소 확인보다 요소 내 HTML을
수정할 때 주로 활용 - 새로운 값 할당 시 값을 완전히 새로운 값으로
교체
element.outerHTML
- 요소 노드 자체의
전체HTML 코드를 문자열로 리턴
(* 줄바꿈이나 띄어쓰기도 모두 포함) - 새로운 값 할당 시 요소 자체가
교체=> 기존 선택한 요소삭제
element.textContext
<HTML>태그 부분을제외시킨 값만 리턴- 새로운 값 할당 시 내부의 값을 완전히 새로운 값으로
교체(innerHTML과 유사) - 특수문자도 텍스트로 출력
