gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 17:35:49 25 4
gpt4 key购买 nike

我有 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";

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

没有库允许解决这个问题

最佳答案

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

不好

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

element.style.backgroundColor = "red"; 

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

关于javascript - 添加样式属性而不删除以前的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56613149/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com