Javascript 如何通过单击其他按钮使按钮可见？

单击

编辑
按钮时，如何使按钮
保存
可见？到目前为止，这是我的代码，但什么也没有发生。我在一家jsp公司工作

   <INPUT TYPE="BUTTON" VALUE="Edit" ONCLICK="btnEdit()" class="styled-button-2">
    <INPUT TYPE="BUTTON" VALUE="Save" ONCLICK="btnSave()" class="styled-button-2" style="visibility:hidden;" id="save">

    <SCRIPT LANGUAGE="JavaScript">
        function btnEdit()
        {
            {document.getElementsById("save").style.visibility="visible";}

        }    
     </script>


函数btnEdit（）
{
{document.getElementsById（“保存”）.style.visibility=“可见”；}
}    
这一天肯定很长

你拼错了

不对

document.getElementsById

正确的方法

document.getElementById

使用getElementById而不是getElementsById可能是一个简单的错误，但是您编写了
getElementsById
not
getElementById
，这意味着您试图获取多个元素，而实际上您只需要获取“保存”按钮




函数btnEdit（）
{
{document.getElementById（“保存”）.style.visibility=“可见”；}
}    

旁注：您可能需要整理代码：

<SCRIPT LANGUAGE="JavaScript">
    function btnEdit()
    {
        document.getElementById("save").style.visibility="visible";
    }    
</script>


函数btnEdit（）
{
document.getElementById（“保存”）.style.visibility=“可见”；
}    

在html中添加
onclick
被认为是一种不好的做法，这样会导致拼写错误。同样，您也应该避免在html中添加css

HTML:
CSS:
getElementById
not
getElementsById
。您还可以摆脱使用第二级大括号创建的额外“块”。请阅读。。。你的代码太可怕了
<SCRIPT LANGUAGE="JavaScript">
    function btnEdit()
    {
        {document.getElementById("save").style.visibility="visible";}

    }    
 </script>

<SCRIPT LANGUAGE="JavaScript">
    function btnEdit()
    {
        document.getElementById("save").style.visibility="visible";
    }    
</script>

<INPUT TYPE="BUTTON" VALUE="Edit" class="styled-button-2" id="edit">
<INPUT TYPE="BUTTON" VALUE="Save" class="styled-button-2" id="save">

var edit = document.getElementById("edit");
var save = document.getElementById("save");

edit.onclick = function() {
    save.style.visibility = "visible";

}

#save {
    visibility: "hidden";
}