根据ID加载css样式表

Load css stylesheet based on ID?

本文关键字：样式 css 加载 ID 根据      更新时间：2023-09-26

嘿，如何使用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样式表？

样式表未绑定到元素IDCSS声明在样式表中。尝试按照您的建议在代码中加载样式表没有什么意义。

简单地在一个典型的样式表中为目标ID做一个声明是最好的方法。

相关文章：