JS文件中的CSS代码

Question

我记得在某个地方有一些在 JS 文件中使用 css 代码的简单方法，但不记得具体是如何了。

显然，简单地将css 代码放在 JS 文件中是行不通的，我想需要一些 cmets 或类似的东西。

*注意：我不想使用 JS 为 css 文件渲染 <link...>。我想用<script...> 正常加载JS 文件，并在*.js 文件中包含纯css 代码，因为它通常会出现在*.css 文件中。

Answer 1

$("#id").css("parameter","property");

例子..

$("#id").css("border","1px solid");

对于多个 css..

$("#id").css({
   'font-size' : '10px',
   'width' : '30px',
   'height' : '10px'
});

更好用

添加类（）

function.. 用于多个 css 属性..

Answer 2

向文档添加内部 CSS 块的小功能

function createStyleNode(cssText, options, doc) {
    doc = doc || document;
    var style = doc.createElement('style');
    style.type = 'text/css';
    if(options && options.id){
        style.id = options.id;
    }
    if (style.styleSheet){
        style.styleSheet.cssText = cssText;
    } else {
        style.appendChild(doc.createTextNode(cssText));
    }
    return style;
}


cssText = 'body {color: red}';
head.appendChild(createStyleNode(cssText, {'id': 'stylesFromJS'}));

如果您打算稍后从 JS 中删除/替换它们，添加 Id 将很有用。