자바스크립트 cssText() 이용하여 스타일 적용하는 방법

cssText()

Element 객체의 style를 가져오거나 변경할 수 있습니다.

 

1. css 스타일 적용하는 방법

<div class = "abc">
   abc
</div>

document.querySelector('.abc').style.cssText  = 'background-color:red; width:300px; height:300px;';

결과

2. css 스타일 가져오기

<div class = "abc" style="background-color:blue;">
  abc
</div>

console.log(document.querySelector('.abc').style.cssText); // "background-color: blue;"