IE8에서 CSS 클래스를 동적으로 만드는 방법

질문:

IE8에서 JavaScript를 사용하여 CSS 스타일시트 클래스를 동적으로 만들어야 합니다.
다른 브라우저에서는 다음 코드를 사용했습니다.
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '.cssClass { color: #F00; }';
document.getElementsByTagName('head')[0].appendChild(style);
IE8을 제외한 모든 브라우저에서 작동합니다.어떻게 IE8에서 같은 효과를 실현합니까?

답안

근거MSDN:

The innerHTML property is read-only on the col, colGroup, frameSet, html, head, style, table, tBody, tFoot, tHead, title, and tr objects.


따라서 innerText 을 사용하여 이런 종류를 작성하려고 시도합니다.
업데이트:
다음을 사용할 수 있습니다.
style.styleSheet.cssText = '.cssClass { color: #F00; }';
또는 테스트를 해보세요.
if (style.styleSheet){
    style.styleSheet.cssText = '.cssClass { color: #F00; }';
} else {
    style.appendChild(document.createTextNode('.cssClass { color: #F00; }'));
}
희망, 그것은 지금 실행할 수 있습니다!:)