자바스크립트에서 CSS 다루기

하나씩 변경하기

const element = document.querySelector("h1")
element.style.color = 'blue'

// 변수 값을 사용 하고 싶다면 백틱

기존에 정의된 style에 새로운 속성 추가

여러개 변경하기

const element = document.querySelector("div")
element.style.cssText = 'color:blue; background-color:red'

// 변수 값을 사용 하고 싶다면 백틱

기존에 정의된 style을 지우고, cssText로 덮어씀

 

참고링크 : https://hianna.tistory.com/671