0

嘿，我怎样才能加载仅基于 id 使用 javascript 的 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 回答