jQuery로 CSS 주석을 어떻게 얻을 수 있나요?

StackOverflow https://stackoverflow.com/questions/401668

  •  03-07-2019
  •  | 
  •  

문제

연결된 스타일시트에서 CSS 주석을 어떻게 읽을 수 있는지 궁금합니다.

다음을 통해 이 샘플 CSS를 로드했습니다.

<link rel="stylesheet" type="text/css" media="all" href="test.css" />

 

#test1{ border:1px solid #000; }
#test2{ border:1px solid #000; }
#test3{/* sample comment text I'm trying to read */}

FF3에서 이것을 테스트하고 있습니다.다음 자바스크립트는 규칙을 읽지만 주석은 읽지 않습니다.#test3.

window.onload = function(){
    s=document.styleSheets;
    for(i=0;i < s[0].cssRules.length;i++){
        alert(s[0].cssRules[i].cssText);
    }
}
도움이 되었습니까?

해결책

스타일 시트의 내용을 검색하고 Regex를 사용하여 주석을 구문 분석 할 수 있습니다. 이 예제는 jQuery를 사용하여 스타일 시트 텍스트와 정규 표현식을 가져와 주석을 찾습니다.

jQuery.get("test.css", null, function(data) {
    var comments = data.match(/\/\*.*\*\//g);
    for each (var c in comments) 
        alert(c);
});

선택기를 사용하여 스타일 시트 링크를 찾을 수도 있습니다.

다른 팁

주석은 거의 항상 통역사에 의해 무시되므로 사용할 수 없습니다.

AJAX 쿼리를 사용하여 CSS 파일에 액세스 한 다음 댓글을 찾는 결과를 직접 구문 분석 할 수 있습니다. 통역사는 그때 방해가되지 않습니다.

CSS가 페이지와 동일한 도메인에있는 한, 이것은 잘 작동합니다.

당신은 할 수 없습니다. 그것은 댓글의 전체 지점입니다.

CSS 파일 JavaScript를 읽을 수는 없으며 DOM에서 결과를 검사하기만 하면 됩니다.한 가지 가능한 방법은 DOM 인터페이스를 통해 스타일 태그의 텍스트 내용을 쿼리할 수 있는 내장된 스타일시트를 사용하는 것입니다.물론 콘텐츠를 직접 구문 분석해야 합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top