document.styleSheets[0].rules と cssRules_javascript スキルの違い

今日 Firefox を使用していましたが、突然小さな問題を発見しました。前者はIEに使用され、後者はmozillaブラウザに使用されます。

<style type="text/css"> a {color:red} </style>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

そしてルールとcssRulesの数 メソッドも異なります！ rules はセレクター番号です。cssRules はルール番号です。これは、IE と Firefox をそれぞれ使用して次のコードを実行すると確認できます。

<style type="text/css"> a,div,p {color:red} h5 {color:blue} </style>
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、<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>