[JavaScript]

펜 참조 무제 by 정세희@SayisMe) 에 코드펜.

innerHTML

innerHTML은 Element의 속성으로, Element의 HTML과 XML을 읽거나 설정합니다.

위의 예에서 innerHTML 버튼을 클릭했을 때

div 내부의 HTML 콘텐츠를 모두 가져옵니다.

보이는 텍스트
숨겨진 텍스트


innerText

innerText는 “Element”의 속성이며 요소의 사용자에게 “visible” 텍스트 값을 읽습니다.

위의 예에서 innerText 버튼을 클릭하면

표시된 텍스트를 가져옵니다.

보이는 텍스트


텍스트 내용

textContent는 ‘Node’의 속성이며