如何在javascript中增加不透明度？

Question

我希望能够使用

element.style.opacity += 0.1;

要么

element.style.opacity = element.style.opacity + 0.1;

但这不起作用.不透明度不会改变.如果我将不透明度设置为静态值,例如

element.style.opacity = 0.5;

它确实有效.我究竟做错了什么？

Answer 1

element.style.opacity (假设它完全定义)将是一个字符串,而不是一个数字.

"0.1" + 0.1 === "0.10.1"

你可能想要:

element.style.opacity = parseFloat(element.style.opacity) + 0.1;