如何使用JS设置元素的不透明度？

Question

我知道如何在样式表中进行设置。 这说明了如何使用JS获取它...

我试图这样做：

window.getComputedStyle( myEl ).setPropertyValue( 'opacity', 0.7 );

并得到

setPropertyValue不是函数。

显然，我可以在min.js文件中使用JQuery css( ... ) ...，我发现opacity匹配项不少于10个。 我对发生的事情一无所知。

顺便说一下，这是Firefox。

Answer 1

通过修改style属性。

myEl.style.opacity = 0.7;

Answer 2

这是不透明度更改的实时示例：

 var target = document.getElementById('target'); var currentOpacity = window.getComputedStyle(target).opacity; function decreaseOpacity() { if (currentOpacity > 0) { target.style.opacity = currentOpacity - 0.1; currentOpacity -= 0.1; } } function increaseOpacity() { if (currentOpacity < 1) { target.style.opacity = currentOpacity - 0.1; currentOpacity += 0.1; } } 

 #target { width: 100px; height: 100px; background-color: violet; opacity: 1; } 

 <div id="target"></div> <button onclick="decreaseOpacity()">Decrease opacity</button> <button onclick="increaseOpacity()">Increase opacity</button>