1、这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。
创新互联建站主要从事网站建设、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务乐山,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575
2、在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。
3、js是无法直接修改css文件的，但可以通过取对象的方式修改对象的样式，通常有两种方法：改变className，但首先在样式表中预设定样式类。例如：document.getElementById(obj).className=...改变cssText。
CSS样式主要包含以下三种类型：行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
css样式分三种，内部样式，内联样式和外部样式。外部样式，顾名思义，也就是通过引入的css样式文件，而内部样式呢，主要是放在中的样式，而内联样式，就是直接嵌入标签的，充当标签的一个属性，使用style=这里写样式 来实现。
内联样式、内部样式、外部样式 内联样式：样式直接写在标签内的叫做内联样式。权值大于内部样式和外部样式。例如：你好 内部样式：样式写在头部内的叫内部样式。权值大于外部样式，小于内联样式。
使用css设置鼠标放置在链接上时的样式应使用hover选择器。hover选择器：算是交互式的，是鼠标移上去回发生效果。定义和用法：hover在鼠标移到链接上时添加的特殊样式。提示：hover选择器器可用于所有元素，是链接。
使用CSS规则设置超链接的显示 打开文档，然后打开“CSS样式”面板。
● 正常/未访问的链接为蓝色。● 访问过的链接有紫色。● 活动链接为红色。● 链接聚焦时，它周围有一个轮廓。
dd ee /BODY /HTML a：link，定义正常链接的样式 a：visited，定义已访问过链接的样式 a：hover，定义鼠标悬浮在链接上时的样式 a：active，定义鼠标点击链接时的样式。