데이터 입출력(innerHTML 기초)

innerHTML

자바 스크립트에서 요소 전체를 읽어들이거나 변경하는 속성

내용을 읽어올 때 태그 + 속성 + 내용을 모두 포함함

내용을 변경할  때 태그는 HTML 요소로 해석됨

html문서

위 사진처럼 html 문서에 작성해준뒤 js파일에서 아래와 같이 만들어준다면

js 문서

라이브서버 연결 후

위와같이 나타나게 되는데 innerHTML로 변경하기 버튼을 눌러보면 js에서 작성한대로

버튼누른 후

위와 같은 사진처럼 변하게 되는데 색이 글자 색이 빨간이유는 html문서 내부에 style을 주어 그런것이다.