profile
꾸준히 나아가는 개발자입니다.

[Js] innerHTML, textContent

기본적으로 텍스트값을 읽어오고 설정할 수 있다는 공통점이 있음. innerHTML Element의 속성. element 내에 포함된 전체 HTML 또는 XML마크업을 가져오거나 태그와 함께 입력하여 내용을 직접 설정할 수 있다. innerHTML을 사용해 HTML코드를 Javascript 코드에서 변경 가능하다. 예를 들어 코드의 box 클래스를 가진 div의 innerHTML을 가져올 경우, 출력값은 이 된다. textContent Node의 속성, 나 태그 등에 상관없이 해당 노드가 가지고 있는 모든 텍스트값을 가져온다. 위와 같은 코드의 textContent를 가져올 경우 출력값은 가 된다. innerText Element의 속성. element 내에서 사용자에게 보여지는 text값을 가져오거나 설정할 수 있다. 위와 같은 코드의 innerText를 가져올 경우 출력값은 가 되며, display:none

2023년 1월 11일
·
0개의 댓글
·