如何使用JavaScript修改HTML元素的不透明度

我有一个带有div的html文件。这个div有一个类，它有许多样式选项，这些选项设置在一个单独的CSS文件中。我希望在用户提交表单时隐藏并显示此div

到目前为止，这就是我所拥有的：

html´´´´

!DOCTYPE html> xxxx 函数y{ 让name=document.getElementByIda.value； setItemuser，名称； document.getElementByIdselect.style.opacity=1； }

---

如果不透明度不是必要条件，则可以使用“无显示”和“显示块”

css

js

编辑

HTML

防止违约

---

然后点击提交按钮，提交表单，重新加载页面。使用此选项可防止出现这种情况，您可以看到结果。

可能不透明度应为浮点或整数。我会尝试：…style.opacity=1它可能正在执行某些操作，但由于您的页面正在提交，因此页面将重新加载，因此所有内容都将重置为原始样式。你们的语法看起来是正确的，你们试过注释函数中的另外两行，看看它是否改变了不透明度。函数中可能有其他东西阻止它运行。@Loïc刚刚尝试过。不起作用，你不需要；元素可以是形式之外的，而且它们工作得很好。为什么不完全去掉呢？我不知道。我发现了代码中的错误并修复了它，为什么作者需要这个表单-我不知道。@RomanBush它正在使用默认值。现在我要尝试摆脱表单，尝试使用我添加的html，但是现在表单不会做任何操作，所以如果你想调用一些API，你必须使用AJAX。

#select {
  display: none;
}

document.getElementById("select").style.display="block"

<form action="javascript:void(0)">
    <input type="text" id="a">
    <input type="submit" value="click" onclick="y();">
</form>
<div style="display: none" id="select" class="menu" >
    <ul>
        <li><a href="html.html">xxxx</a></li>

        <li><a href="">O Fenómeno do Apocalypse</a></li>

        <li><a href="">O Fenómeno do IMPE</a></li>

        <li><a href="">O Fenómeno do RT</a></li>
    </ul>
</div>