요소 스타일 수정하기
Coddy의 JavaScript DOM 메서드 코스 레슨 — 13개 중 4번째.
우리가 배울 다음 속성은 기존 스타일을 변경하는 역할을 하는 style입니다. 다음과 같이 스타일을 수정할 수 있습니다:
const element = document.getElementById("elementID");
element.style.color = "green";이 코드 실행 후, #elementID의 색상이 green으로 변경됩니다.
챌린지
쉬움ID가 있는 div를 포함하는 HTML 코드가 주어집니다.
JavaScript만 사용하여, 이 div의 배경색을 "red"로 변경하세요:
getElementById함수를 사용하여 요소를 가져옵니다.style.backgroundColor속성을 사용하여 요소의 배경색 스타일을 수정합니다.
직접 해보기
<!DOCTYPE html>
<html>
<body>
<div id="box" style="width: 100px; height: 100px;">Content</div>
<script src="script.js"></script>
</body>
</html>