如果存在类，则javascript jquery添加样式表答案

【问题标题】：javascript jquery add stylesheet if class is present如果存在类，则javascript jquery添加样式表
【发布时间】：2013-07-22 09:06:52
【问题描述】：

谁能告诉我为什么以下内容在我的“头脑”中不起作用

<script type="text/javascript">

if ($('.company-color').length){
    document.write("<link rel='stylesheet' href='company-color.css' type='text/css'>");
}

</script>

我有一个只出现在某些页面上的类，如果存在“.company-color”类，我想将上述样式表插入页面。

【问题讨论】：

因为在处理代码时，元素不在 DOM 中，所以您的条件将始终返回 0 (false)
为什么不总是包含样式表呢？（我相信你是有原因的，我只是好奇）。

标签： javascript jquery css stylesheet document.write

【解决方案1】：

使用

jQuery(function($){
    if ($('.company-color').length){
        $('body').append("<link rel='stylesheet' href='company-color.css' type='text/css'>"); // or to head
    }
})

【讨论】：

【解决方案2】：

试试这个代码：

$(function(){
    if ($('.company-color').length > 0){
        $('head').append('<link rel="stylesheet" href="company-color.css" type="text/css">');
    }
})

您必须使用 append method 将您的 css 添加到 head 元素。

【讨论】：