0

javascriptを使用してidのみに基づいてcssスタイルシートをロードするにはどうすればよいですか? これが私が持っているコードです:

<link id='bs-css' rel='stylesheet' href='bootstrap-cyborg.css' type='text/css' />

必要な div でのみ使用できるようにしたいので、次のコードに似たものにします。

<div id="bs-css"> 
some code 
</div>

このコードを試しましたが、思ったように機能しません。コードは次のとおりです。

<script type="text/javascript"> 
$(document).ready(function(){

if($("#bs-css").size()>0){
        if (document.createStyleSheet){
            document.createStyleSheet('bootstrap-cyborg.css');
        }
        else {
            $("head").append($("<link id='bs-css' rel='stylesheet' href='bootstrap-cyborg.css' type='text/css' />"));
        }
    }
});
</script>

ID と JavaScript を使用して必要な div にのみ CSS スタイルシートをロードするにはどうすればよいですか?

4

1 に答える 1

2

スタイルシートは要素 ID にバインドされていません。スタイルシート内のCSS 宣言は次のとおりです。 あなたが提案したように、スタイルシートをコードに読み込もうとしてもほとんど意味がありません。

これを行う最善の方法は、典型的なスタイルシート内で対象とする ID を宣言することです。

于 2013-08-08T14:58:51.707 に答える