Question

我从某个地方记得在JS文件中使用css代码的一些简单方法，但是不记得究竟是怎么回事。

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

*注意：我不想使用JS为<link...>文件呈现css。我想通常使用<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'
});

更好用

addClass（）

函数..用于多个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会很有用。

JS文件里面的Css代码

2 个答案: