JavaScript에서 스타일 일괄 설정하기
여러 스타일을 한 번에 설정할 수 있습니다.
이는 cssText 속성을 사용하여 수행합니다:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
이 속성은 자주 사용되지 않습니다. 왜냐하면 이러한 할당은 기존의 모든 스타일을 제거하기 때문입니다: 스타일을 추가하는 것이 아니라 교체합니다. 필요한 것을 실수로 지워버릴 수 있습니다. 하지만 예를 들어, 새로운 요소에 사용할 때는 기존 스타일을 확실히 지우지 않는다는 것을 알기 때문에 사용할 수 있습니다.
배운 속성을 사용하여 코드를 다시 작성하세요:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
