如何动态地在css文件中添加css？

7 浏览
0 Comments

如何动态地在css文件中添加css？

我为表格编写了一个JavaScript脚本。表格具有一个特性，我在输入中获取每列的宽度，如下所示：\n

mygrid._struct = [{ fieldType : "deltaHedgeType", defaultWidth : 80},
           { fieldType : "quoteccy", defaultWidth : 40 }]

\n所以生成的表格HTML如下所示：\n

\n我希望将这个CSS附加到style.css中：\n

#mygrid .deltaHedgeType{
    width:40;
}
#mygrid .quoteccy{
    width:80;
}

\n我想将这个CSS附加到标签中，因为IE浏览器对标签数量有限制，而且它会增加页面的HTML大小。那么我该如何将这个CSS附加到style.css中呢？

0

3 答案

0 Comments

在CSS文件中，可以使用url("/css/filename.css")来导入一个新的CSS文件，这个文件可以动态刷新并用于特定的目的。

0
0 Comments

如何动态添加CSS到CSS文件中？

有时候我们需要在CSS文件中动态地添加CSS样式。这种需求可能是因为我们想要根据不同的情况来改变页面的样式，或者是为了避免在HTML中直接写入大量的CSS样式。下面将介绍一种解决这个问题的方法。

最简单的方法是将CSS直接写入HTML页面的头部。可以参考这里的一个很好的例子。不过，这种方法将CSS样式直接写入HTML中，而不是在CSS文件中。

如果我们希望将CSS样式添加到CSS文件中，而不是直接写入HTML，也是有解决方法的。David Walsh的博客上有一篇文章http://davidwalsh.name/add-rules-stylesheets详细介绍了如何实现这个目标。

通过这种方法，我们可以使用JavaScript来动态地向CSS文件中添加CSS样式。具体实现的代码可以参考上面提供的链接。

这就是如何动态地向CSS文件中添加CSS样式的方法。无论是将CSS直接写入HTML页面还是通过JavaScript动态添加到CSS文件中，都能满足不同的需求。

0
0 Comments

问题的出现的原因：

在单页应用程序中，使用了多个表格，每个表格都有多个列。为了设置每个表格列的宽度，需要动态地向CSS文件中添加CSS样式。但是，由于使用的表格数量较多，每个表格的列数也较多，所以向CSS文件中添加的CSS样式会变得非常庞大。另外，由于IE浏览器对于动态添加