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>

但是当我将cLick Edit 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的快捷方式.