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

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)";

问题在于，当更新它时，由前三个函数设置的先前属性将被删除，因此按钮＃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"; 

通过选择第二种方式，您只会覆盖所需的内容