Question

单击save按钮时，如何使按钮edit可见？到目前为止，这是我的代码，但它什么也没发生。我在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>

如何通过单击另一个按钮使按钮可见？

4 个答案:

HTML：

JS：

CSS：