JavaScript | 자바스크립트로 배경색 변경하는 방법

자바스크립트 배경색 변경하기

배경색을 사용자단에서 변경하는 방법

웹페이지의 배경색을 자바스크립트오 변경할 수 있다.

<script>
	document.body.style.backgroundColor='원하는색';
</script>

위와 같은 스크립트를 원하는 버튼의 함수나, 위치에 작성하면 배경색이 원하는 색으로 변경된다.

원하는 요소의 배경색을 자바스크립트로 변경하는 방법

여기에 더해 전체 배경 말고 원하는 엘레멘트의 배경색을 변경하고 싶을 때도 있다. 이럴 땐 body 대신 요소 선택자를 사용하면 된다.

<script>
	document.getElementById('id').style.backgroundColor('원하는색');
</script>

body 대신 엘레멘트 선택자를 이용하여 원하는 요소의 배경색만을 핀셋 조정이 가능하다.