[JavaScript] 3. 문서 객체 모델 - DOM 요소의 수정

요소의 내용 수정

　▷ innerHTML 속성

　　 ＊HTML 형식으로 요소의 내용을 다룰 때 사용

　　　 ☞ 요소변수 = document.getElementById("아이디명")

　　　 ☞ 변수 = 요소변수.innerHTML　　요소변수.innerHTML = 값

　▷ textContent 속성
　　 ＊HTML 태그와 속성을 제외하고 내용만을 가져오는 경우

　　　 ☞ 변수 = 요소변수.textContent

　　 ＊태그를 포함한 텍스트로 설정하는 경우 태그도 일반 텍스트로 취급

　　　 ☞ 요소변수.textContent = 값

요소의 내용 수정_요소 내용 가져오기

요소의 내용 수정_요소 내용 설정하기

요소의 속성 수정

　▷ HTML 요소에서 사용하는 속성을 그대로 사용해서 값 할당
　　 ＊document.getElementById("아이디명").속성 = 값

요소의 스타일 수정

　▷ CSS 스타일의 동적인 수정도 가능
　　 ＊document.getElementById("아이디명").style.CSS속성명=값
　　 ＊CSS 속성명이 하이픈('-')을 포함한 경우
　　　 ☞ 하이픈을 없애고 낙타체로 사용
　　　 ☞ 예: background-color → backgroundColor