javascript - 添加样式属性而不删除以前的样式

Question

我有 3 个不同的函数来为元素设置特定的样式属性，通过单击 3 个不同的按钮调用，例如:

element.setAttribute("style","fill:#00ffff");
element.setAttribute("style","fill:#ff00ff");
element.setAttribute("style","fill:#ffff00");

然后，我有另一个函数，由第四个按钮调用，更新同一元素的样式。

element.setAttribute("style", "transform:translate(29.5%,0px)";

问题是当它更新它时，由前 3 个函数设置的先前属性被删除，因此按钮 #4 翻译了元素，但元素失去了它的填充。

由于颜色不固定，无法解决

element.setAttribute("style", "transform:translate(29.5%,0px);fill:#ffff00";

我希望有一种添加属性而不是更新属性的方法。 我希望我已经为你们弄清楚了一切，有什么想法吗？

没有库允许解决这个问题

Answer 1

来自 https://www.w3schools.com/jsref/met_element_setattribute.asp :

不好

element.setAttribute("style", "background-color: red;"); 

好

element.style.backgroundColor = "red"; 

通过选择第二种方式，你只覆盖你需要的东西