c# - javascript getelementbyid 问题

Question

我有 3 个 LinkBut​​ton

<asp:LinkButton ID="lnkEdit" runat="server" Text="Edit Record" OnClientClick='ControlVisible();'/>
<asp:LinkButton ID="lnkSave" runat="server" Text="Save" Visible="false" />
<asp:LinkButton ID="lnkCancel" runat="server" Text="Cancel" Visible="false"  />

当我单击 lnkEdit 按钮时，lnkSave 和 lnkCancel 按钮必须不可见

 <script language="javascript" type="text/javascript">

    function ControlVisible() {


        var Edit = document.getElementById("lnkEdit"); 
        var Save = document.getElementById("lnkSave");
        var Cancel = document.getElementById("lnkCancel");

        Edit.visible = false;
        Save.visible = true;
        Cancel.visible = true;

    }

</script>

但是当我单击“编辑”LinkBut​​ton 时: var Edit = document.getElementById("lnkEdit");这里出现 Null，无法检索 Control 的 ID

什么问题？

Answer 1

您必须使用另一种替代方法:

var Edit = document.getElementById("<%= lnkEdit.ClientID %>"); 
var Save = document.getElementById("<%= lnkSave.ClientID %>");
var Cancel = document.getElementById("<%= lnkCancel.ClientID %>");

您还可以使用 ASP.NET AJAX $get 方法，它是 document.getElementById 的快捷方式。