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

How to make a button visible by clicking another button?

本文关键字：按钮 另一个 何通过 单击      更新时间：2023-09-26

单击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>

演示

在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";
}

一定是漫长的一天。

你有一个拼写错误。

不正确

document.getElementsById

正确的方式

document.getElementById

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

使用getElementById而不是getElementsById

这可能是一个简单的错误，但您写的是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>
相关文章：