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 실행결과