如何通过单击按钮更改彩色框的不透明度？

Question

我有一个功课，使一个框淡出，这意味着单击一个按钮来改变彩色框的不透明度。但我无法使其发挥作用。下面是一些编码。怎么了？非常感谢。

<button id="button3">Fade</button>

document.getElementById("button3").addEventListener("click", function(){
  document.getElementById("box").style.Opacity = "0.5";
});

Answer 1

问题

1. 您正在尝试使用id的box访问元素
2. 正如heretic monkey所说，javascript是区分大小写的，这意味着Opacity应该是opacity

修复上述问题

document.getElementById("button3").addEventListener("click", function(){
  document.getElementById("button3").style.opacity = "0.5";
});

<button id="button3">Fade</button>

更多阅读

• https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics

注意：JavaScript区分大小写 - myVariable是myvariable的另一个变量。如果您的代码出现问题，请检查外壳！