如何通過單擊另一個按鈕使一個按鈕可見？

Question

單擊edit按鈕時如何使按鈕save可見？ 到目前為止，這是我的代碼，但是什么也沒發生。 我正在使用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>

Answer 1

DEMO

在您的html中添加onclick被認為是錯誤的做法，並且您拼錯了一種方法。 您同樣應該避免在HTML中添加CSS。

HTML：

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

JS：

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

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

}

CSS：

#save {
    visibility: "hidden";
}

Answer 2

必須是漫長的一天。

你拼錯了。

不對

document.getElementsById

正確的路

document.getElementById

Answer 3

document.getElementById("save").style.visibility="visible";

使用getElementById而不是getElementsById

Answer 4

可能是一個簡單的錯誤，但是您編寫的是getElementsById而不是getElementById ，這意味着您試圖獲取多個元素，實際上，您只需要獲取“保存”按鈕即可。

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

    }    
 </script>

旁注：您可能需要整理一下代碼：

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