4

リンクされたスタイルシートから 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でテストしています。次の JavaScript はルールを読み取りますが、 のコメントを読み取りません#test3。

window.onload = function(){
    s=document.styleSheets;
    for(i=0;i < s[0].cssRules.length;i++){
        alert(s[0].cssRules[i].cssText);
    }
}
4

5 に答える 5

8

スタイルシートの内容を取得し、正規表現を使用してコメントを解析できます。この例では、jQuery を使用してスタイルシート テキストを取得し、正規表現を使用してコメントを見つけます。

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

セレクターを使用してスタイルシート リンクを見つけることもできます。

于 2008-12-30T22:40:40.817 に答える
4

AJAX クエリを使用して CSS ファイルにアクセスし、結果を自分で解析してコメントを探すことができます。そうすれば通訳は邪魔になりません。

CSS がページと同じドメインにある限り、これはうまく機能します。

于 2008-12-30T22:35:48.877 に答える
4

コメントはほとんどの場合、インタプリタによって無視されるため、利用できません。

于 2008-12-30T22:09:31.770 に答える
2

できません、それがコメントの要点です。

于 2008-12-30T22:10:04.247 に答える
0

CSS ファイル JavaScript を読み取ることはできません。DOM で結果を検査するだけです。考えられる方法の 1 つは、DOM インターフェースを介してスタイル タグのテキスト コンテンツをクエリできる埋め込みスタイルシートを使用することです。もちろん、コンテンツを自分で解析する必要があります。

于 2008-12-30T22:19:22.077 に答える