Javascript JS文件中的Css代码

我记得在JS文件中使用

css

代码的一些简单方法，但记不清具体使用方法

显然，简单地将

css

代码放在JS文件中是行不通的，我想需要一些注释之类的东西

*注意：我不想使用JS为

css

文件呈现

。我想用

正常加载JS文件，并在

*.JS

文件中包含纯

css

代码，就像它通常出现在

*.css

文件中一样

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

例如

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

对于多个css

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

更好地使用

addClass（）

---

功能。。对于多个css属性

很好的小功能，可以将内部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，那么添加ID将非常有用。

你可以将

标记添加到DOM中并向其中添加样式？我不是在寻找内联

css

，@Arpit goyal你在寻找这篇文章，你是不是都跳过了上面帖子中的

*注释

？这与问题无关，@arbitGoyal@uhrr请把问题弄清楚，要么是内联样式，要么是内部样式，两个答案都有，方法只能更改。外部样式。在

*.js

文件中，@Arpit Goyal查看我帖子中的

*注释

：我不想使用js为css文件呈现一个。这就是外部造型。阅读Hm。我的意思是：我不想使用JS代码来构建

元素。如果这可能会让人困惑，那么接下来的事情不是：我需要一个

css

代码从

*.js

文件中读取。它与问题无关，@Pikachudocument.write（“”）；这一行用于在*.JS文件中使用JS添加整个css文件。