이 함수가 CSS 규칙을 반환하지 않는 이유는 무엇입니까?

Question

자바 스크립트를 통해 CSS 클래스를 편집 할 수 있도록 일부 도우미 함수를 작성하려고합니다. 여기에 제가 가지고있는 것이 있습니다 만, 왜 그것이 "정의되지 않은"상태로 돌아가는지 이해하지 못합니다. 크롬 사용 테스트.

function getRule(name, doDelete) { //takes a rule name and boolean 

    if(document.styleSheets) { //check if there are stylesheets 

     for(var i = 0; i < document.styleSheets.length; i++) { //loop through style sheets 

      var currentSheet = document.styleSheets[i]; 
      if(currentSheet.cssRules) { //if the sheet has rules 

       for(var h = 0; h < currentSheet.cssRules.length; h++) { //loop through css rules 

        var currentRule = currentSheet.cssRules[h]; 
        if(currentRule.selectorText == name) { //if rule name is equal to the name given 

         return currentRule; //return the css rule 

        } 

       } 

      } 

     } 

    } 

} 

CSS를 사용 : 이러한 문제의

.menuopen { 

    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
    font-size: 20px; 
    width: 960px; 
    height: 200px; 
    background-color: 3b7ea8; 
    box-shadow: inset 0px 2px 5px 3px rgba(0,0,0,0.75); 
    -webkit-animation-name: dropAnimation; 
    -webkit-animation-duration: 2s; 

    } 

Answer 1

수 하나가 문제?
document.styleSheets[n].cssRules null when page accessed locally
cssRules is null for CSSStyleSheets from other domains
Regression: cssRules null when stylesheets loaded from local disk
이러한 문제는 당신이 (디스크 나 서버에서) 페이지를로드하는 방법 스타일 시트가 포함되어 있습니다 및 방법에 따라 발생합니다.