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

我有一个使框褪色的作业，这意味着单击按钮可以更改彩色框的不透明度。但我无法使其工作。下面是一些编码。怎么了？非常感谢。

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

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

最佳答案

问题所在


您正在尝试访问id为box的元素
正如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不同的变量。如果您的代码有问题，请检查外壳！