是否使用JavaScript更改现有类的值？

是否可以使用普通JavaScript更改现有CSS类的属性值

更详细地说，我有一个表单中的按钮项，它完全是用CSS文件设计的。有没有一种方法可以修改使用普通JavaScript将样式应用于项的类

或者我应该创建一个单独的类并替换当前应用的类？我认为第二种方法是最干净的方法，但我想知道第一种方法是否可行。

您可以使用inline属性

---

示例文档.getElementById'someElement'.style.color='red'

据我所知，您希望更改CSS类本身，而不是更改元素的CSS属性。 这样做是不可能的

---

您可以通过element.style属性更改元素类或组件样式

How a关于第三个选项：添加扩展/覆盖现有类样式的附加类。根据使用情况，这可能更可取。我一直在尝试，但它似乎对我不起作用，我应该澄清的是，我只想更改悬停和活动时的外观。我已经为基本内容创建了一个主类，然后是一个子类，我不确定它的名称是否正确，以更改悬停和活动时的背景和阴影，但它似乎没有应用..按钮工具{光标：指针；用户选择：无；边框半径：1.5rem；填充底部：1rem；垂直对齐：中间；过渡：1s；}.buttonTool.defaultTheme:hover{transform:scale1.015；transition:0.5s；背景图像：线性梯度330度，dbe6e6，ffffff；框阴影：5px 5px 10px 8f999f，-5px-5px 10px ffffff；}.buttonTool.defaultTheme:active{transition:0.2s；背景图像：线性梯度145度，dbe6e6，FFFF；}请添加一个。在这里您可以看到它不工作，但是如果您从活动和悬停状态中删除.defaultTheme，它就可以正常工作。编辑：我删除了CSS中类之间的空格，它可以工作。。。我总是看不到那些愚蠢的东西