javascript - 在 Javascript 中，如何在不指定 rgb 的情况下设置 rgba？

Question

我有一个 HTML 元素，其背景颜色是用 rgba() 设置的

<div style="background-color: rgba(2,100,100,0);"> </div>

然后我有一个计时器，通过改变javascript中元素的不透明度值让背景慢慢淡入

myEle.style.backgroundColor = "rgba(x,x,x,0.1)"; // I have to know the rgb values to update the alpha value

有没有办法在不改变/不知道 rgb 值的情况下设置 rgba() 的 a 值？

也许我可以做这样的事情？

var r = myEle.style.r;
var g = myEle.style.g;
var b = myEle.style.b;
myEle.style.backgroundColor = "rgba("+r+","+g+","+b+",0.1)";

Answer 1

你得到了字符串，随便替换

var oldCss = 'rgba(1,1,1,0.3)',
newOpacity = '0.5',
newCss = oldCss.replace(/[^,]+(?=\))/, newOpacity);

console.log(oldCss, "replaced with", newCss);