这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。
创新互联成立与2013年，是专业互联网技术服务公司，拥有项目成都做网站、成都网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元老河口做网站,已为上家服务,为老河口各地企业和个人服务,联系电话:18980820575
js是无法直接修改css文件的，但可以通过取对象的方式修改对象的样式，通常有两种方法：\x0d\x0a改变className，但首先在样式表中预设定样式类。
用JavaScript修改CSS属性 只有写原生的javascript了。
直接更改，比如：xID.style.display = block // 更改display属性，会覆盖css中的定义。xID.style.display = // 取消js更改display属性，以css样式为准。这里的xID，是通过id获取的标签。
改变样式最直接的方法就是改变元素节点的style属性。
详细方法如下：第一步：在连接样式表的元素里定义一个id，例如我定义的id是css。
将change的背景颜色设置为选择的颜色，此时颜色选择器的颜色是使用内联样式的方式添加的。
当然你可以用更多的样式表，随后在载入时进行随机替换，因为最先载入的default.css样式是直接写在页面上，而JS随机载入的后面CSS文件会覆盖之前的CSS，只要CSS中的元素名称相同即可。
如果要在JavaScript中更改页面样式，需要更改元素的样式属性，下面我们就来看看具体的实现内容。
Javascript获取页面的元素的样式常见的两个方法是 document.getElementById()， document.querySelector()；方法。2 在下面的实例中是使用Javascript来改变标签的背景颜色，使用的是document.querySelector()方法。
你的意思是动态 改变样式 吗？不用改样式本身，写几个你要切换的样式。
如果想用javascript获取一个元素的样式信息，首先想到的应该是元素的style属性。
首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(div).click(function () {$(this).css(color， blue)；})；。
/html 当然，如果您是引用外部的css文件同样适用。
在Html头部用style/style包起来，在这里面编写样式：style type=text/css*{padding： 0；margin： 0}/style 在标签里面直接编写行内样式。
对于使用短划线的CSS属性名，必须将其转换成驼峰大小写形式。
要在JavaScript中更改类名，需要更改元素的className属性。本篇文章就来介绍用JavaScript动态更改CSS（样式表）类的代码。我们来直接看一个示例创建以下HTML文件。
详细方法如下： 第一步：在连接样式表的元素里定义一个id，例如 link href=css rel=stylesheet type=text/css id=css 我定义的id是css。
用JavaScript修改CSS属性 只有写原生的javascript了。
语法：元素.style.样式名=样式值 注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。
改变样式最直接的方法就是改变元素节点的style属性。
详细方法如下：第一步：在连接样式表的元素里定义一个id，例如我定义的id是css。
通过js来改变CSS属性，使用jQuery可以很方便的实现，像这样：(img).css(border-color，red)；就可以把边框颜色都变成红色。
可以直接修改div的样式，通过修改元素的style属性值去修改CSS样式。
第一种：根据url来判断，根据url对应的页面，设定每一项的样式。
直接使用Medias Query来实现，在css样式表中直接用 media(min-width：1200px){ /*这里是大于1024的代码。
