cssText를 사용하여 styles_javascript 기술 일괄 수정

코드 복사 코드는 다음과 같습니다.

var element= document.getElementById("id");
element.style.width="20px";
element.style.height="20px";
element.style.border="solid 1px red"; 스타일 Yiduo에는 코드가 많습니다. JS를 통해 개체의 스타일을 덮어쓰는 것은 원래 스타일을 파괴하고 다시 빌드하는 일반적인 프로세스입니다. 이러한 파괴와 다시 빌드는 브라우저의 오버헤드를 증가시킵니다.
js에는 cssText 메서드가 있습니다.

구문은 다음과 같습니다. obj.style.cssText="style";
위 코드를 다음과 같이 수정할 수 있습니다. 메시지를 수정해 준 sliuqin에게 감사드립니다
element .style.cssText("width:20px;height:20px;border:solid 1px red;")
다음은 정확합니다

코드 복사 코드는 다음과 같습니다. element.style.cssText="width:20px;height:20px;border:solid 1px red;"

이렇게 하면 페이지 리플로우를 최대한 방지하고 페이지 성능을 향상시킬 수 있습니다.