JavaScript_javascript 기술에서 style.cssText 사용에 대한 튜토리얼

style.color, style.display 등을 사용하여 요소의 스타일 속성을 직접 설정하는 사람은 많지만 style.cssText를 사용하는 사람은 많지 않습니다.

cssText의 본질은 무엇인가요?

cssText의 핵심은 HTML 요소의 스타일 속성 값을 설정하는 것입니다.

cssText를 어떻게 사용하나요?

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

document.getElementById("d1").style.cssText = "색상:빨간색; 글꼴 크기:13px;";

이 예제를 읽고 나면 style.cssText가 HTML 요소의 스타일 속성을 설정하는 것이 무엇인지 알 수 있을 것입니다.

cssText의 반환값은 무엇인가요?

일부 브라우저(예: Chrome)에서는 할당한 값이 반환됩니다. IE에서는 출력 형식을 지정하고, 속성을 대문자로 표시하고, 속성 순서를 변경하고, 마지막 세미콜론을 제거합니다.

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

document.getElementById("d1").style.cssText = "색상:빨간색; 글꼴 크기:13px;";
경고(document.getElementById("d1").style.cssText);

IE의 값은 FONT-SIZE: 13px, 빨간색입니다.