1、这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。
创新互联建站专注于西区网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供西区营销型网站建设，西区网站制作、西区网页设计、西区网站官网定制、成都微信小程序服务，打造西区网络公司原创品牌,更为您提供西区网站排名全网营销落地服务。
2、用JavaScript修改CSS属性 只有写原生的javascript了。
3、l 将定义在css中的样式直接赋值给className，就能改变myElement元素的样式。l 当要删除元素的样式，可以给className属性赋值为空。
4、语法：元素.style.样式名=样式值 注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。
当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图。
/h1/body/html在style.css中的代码为h1{font-size：12px；color：#000FFF}我们在head中使用了link标签来调用外部样式表文件。
html5使用link标签引入外围的css样式表。
compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS1 中删除。marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS1 中删除。
外部样式 (一) 使用外部样式的好处 减少代码量 ，网站中相同部分的样式只需要编写一次，我们只需要把css文件引入到不同的html页面中即可实现展示效果。
链接外部样式文件 外部引入CSS样式文件是通过link标签实现的，它只能位于HTML文档的head标签内，且必须有href属性，该属性用于指定需要引入的CSS文件的路径。
CSS中可以通过三种方法引入样式表：（1）内联样式（2） 嵌入式样式（3） 外部样式这些CSS样式中的每一种形式都有它们的优点和缺点接下来将详细的为大家介绍内联样式特点：（1）内联样式放在代码中的HTML元素中。
一般来说只有3种：最常用的，引入样式表，在样式表中编写样式，引入方式如下：在Html头部用包起来，在这里面编写样式：*{padding：0；margin：0}在标签里面直接编写行内样式。
行内样式 行内样式只能影响它所在的标签，而且总会覆盖嵌入样式和链接样式。By adding inline CSS styling to the 嵌入样式 嵌入样式的应用范围仅限于当前页面。
css主要有三种引用方法：1，内部引用，在html文档中在标签里面写的css样式 bdoy{font-size：14px；} 2，外部引用，用标签引用外部的css文件，将样式引用到html文档来。
外联样式：即将样式单独放到一个文件夹中，然后用link标签引入页面的形式 四，导入样式，即将样式，按模块划分或其它的分法分别放在不同的css文件中，然后用@导入到其它样式中 。
1、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。
2、首先我们我们新建一个记事本，并将记事本的名字改为“引入外部css文件和外部js文件.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。
3、外部样式表 还有一种叫做外部样式，也就是把CSS写在另外一张页面上，然后再引用到指定页面就可以了，这种也很常见。
