JavaScript에서 style 속성을 통해 요소 스타일링하기
이제 요소에 CSS 스타일을 추가하는 방법을 배워봅시다.
이는
style
속성을 변경하여 수행됩니다.
예를 들어, 색상을 변경하려면 다음과 같은 체인을 구성해야 합니다:
elem.style.color,
그리고 여기에 원하는 색상 값을 할당합니다.
예를 통해 살펴보겠습니다. 다음과 같은 요소가 있다고 가정해 봅시다:
<p id="elem">text</p>
이 요소를 빨간색으로 만들어 보겠습니다:
let elem = document.querySelector('#elem');
elem.style.color = 'red';
div와 button이 주어졌습니다. 버튼을 클릭하면 div에 너비, 높이 및 테두리를 추가하세요.
