这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。
成都创新互联网站建设由有经验的网站设计师、开发人员和项目经理组成的专业建站团队，负责网站视觉设计、用户体验优化、交互设计和前端开发等方面的工作，以确保网站外观精美、成都网站设计、成都网站建设易于使用并且具有良好的响应性。
改变样式最直接的方法就是改变元素节点的style属性。
直接更改，比如：xID.style.display = block // 更改display属性，会覆盖css中的定义。xID.style.display = // 取消js更改display属性，以css样式为准。这里的xID，是通过id获取的标签。
JS可以使用css属性来进行样式修改，并且不仅可以修改单一属性，也可以同时修改多个属性。案例以下小案例使用JQuery作为演示。前提： html页面首先必须引入JQuery，放置在body体最后的位置。
用css改变输入框样式的方法如下：打开编辑工具，创建静态页面。在页面中插入一个输入框。设置输入框的宽度、高度、文字样式。在初始化函数里编写table函数，对于不同情况设置不同的样式。
属性面板里面可以修。点击窗口打开属性面板，然后选css鼠标选中你要编辑样式的文字点编辑规则，这样css里的样式面板就出来了。
首先新建html文档，进入代码书写界面。在和的里面写入代码，在里面写入想要输入的内容。书写外层轨道css代码。
直接设置style对象(内联样式)使用JavaScript设置元素样式的最简单方法是使用style属性。在我们通过JavaScript访问的每个HTML元素时都有一个 style对象。此对象允许我们指定CSS属性并设置其值。
方法一：使用style属性在HTML标签中使用style属性可以设置字体颜色，例如：pstyle=color：red这是红色字体/p其中，color属性用于设置字体颜色，值可以是颜色名称、十六进制颜色代码或RGB颜色值。
方法1：行内样式表（style属性）为HTML应用CSS的一种方法是使用HTML属性style。
在制作一个网页的时候，Css样式的添加一共有四种方式，一起来看看这四种方式：使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。
元素中直接使用 这种调用方式的写法如下：元素名称 style=属性：属性值；/元素名称 在样式中直接使用CSS，语法是使用style标签，在双引号中，样式的语法结构和独立样式表中完全相同。
Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。P style=font-size：20pt； color：red这个Style定义p/p里面的文字是20pt字体，字体颜色是红色。
方法1：行内样式表（style属性）为HTML应用CSS的一种方法是使用HTML属性style。
标签里面加入style是CSS样式的内联样式写法，同样需要学习CSS代码。
外部引用 外部引用就是用link标签引用外部CSS文件中的样式。如欲实现上述效果，可将CSS做成单独文件。
div img{} 这样的话只有div内的img才会匹配这个样式，div本身不会的。