document.styleSheets[0].rules와 cssRules_javascript 기술의 차이점

오늘 Firefox를 사용하고 있었는데 갑자기 작은 문제를 발견했습니다. 전자는 IE에 사용되고 후자는 Mozilla 브라우저에 사용됩니다.

<style type="text/css"> a {color:red} </style>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

그리고 규칙과 cssRules의 개수 방법도 다릅니다! 규칙은 선택기 번호이고, cssRules는 규칙 번호입니다. IE와 Firefox를 각각 사용하여 다음 코드를 실행하면 이를 확인할 수 있습니다.

<style type="text/css"> a,div,p {color:red} h5 {color:blue} </style>
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 <script> if(document.styleSheets[0].cssRules){ alert(document.styleSheets[0].cssRules[0].style.cssText) }else{ alert(document.styleSheets[0].rules[0].style.cssText) } </script>]<script> if(document.styleSheets[0].cssRules){ alert(document.styleSheets[0].cssRules[1].selectorText+":"+document.styleSheets[0].cssRules[1].style.cssText) }else{ alert(document.styleSheets[0].rules[1].selectorText+":"+document.styleSheets[0].rules[1].style.cssText) } </script>