为什么我更改（onclick）div不透明性的javascript代码失败了？

我不知道为什么这个代码会失败。当我点击链接时，什么也没有发生

---

请帮我弄清楚。非常感谢你

从链接中删除

href

属性，或将其设置为类似

#

的值，以便页面不会被加载。您正在使用该链接链接到另一个页面（或同一页面）

此外，您的html是无效的<代码>

不属于

请不要使用内联javascript（如html中的
onclick
）。关于这方面的研究：

下面是遵循更好实践的代码

标记：

function showMore() {
    var moreShow = document.getElementById('more_hidden');
    moreShow.style.opacity = 0.8;
}

<a id="change-opacity">Click here to change opacity.</a>
<div id="opacity-gets-changed">
  <ul>
    <li>EFG</li>
    <li>ABC</li>
  </ul>
</div>

谢谢你的重要解释！
<a id="change-opacity">Click here to change opacity.</a>
<div id="opacity-gets-changed">
  <ul>
    <li>EFG</li>
    <li>ABC</li>
  </ul>
</div>

var a = document.getElementById('change-opacity');
var div = document.getElementById('opacity-gets-changed');

a.addEventListener('click', function() {
  div.style.opacity = 0.4;
});