JavaScript에서 스타일 일괄 설정하기

여러 스타일을 한 번에 설정할 수 있습니다. 이는 cssText 속성을 사용하여 수행합니다:

javascriptelem.style.cssText = `
  width: 100px;
  height: 100px;
  display: block;
`;

이 속성은 자주 사용되지 않습니다. 왜냐하면 이러한 할당은 기존의 모든 스타일을 제거하기 때문입니다: 스타일을 추가하는 것이 아니라 교체합니다. 필요한 것을 실수로 지워버릴 수 있습니다. 하지만 예를 들어, 새로운 요소에 사용할 때는 기존 스타일을 확실히 지우지 않는다는 것을 알기 때문에 사용할 수 있습니다.

javascriptelem.style.width  = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color  = 'red';