코딩 자율학습 HTML + CSS + 자바스크립트: 12.3.2 스타일 조작하기

선택된 노드의 타입이 요소 노드라면 style 속성으로 요소에 스타일(CSS)을 지정할 수 있습니다.

형식

<노드>.style.<css 속성명> = <속성값>;

예를 들어, p 태그의 텍스트 색상을 빨간색으로 변경하고 싶다면 다음과 같이 작성합니다.

12/03/style_set_1.html

<p id="text">text</p>
<script>
  const pEl = document.querySelector("p"); // 노드 선택하기
  pEl.style.color = "red";
</script>

그림 12-7 실행결과

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.