Javascript getElementById 给出错误 'null' is null or not an object

Question

我想使用 javascript 调用 c# 函数，所以我在我的 Default.aspx 中添加了一个不可见的 asp.net 按钮，现在我想在 javascript 中调用它，以便它会触发 c# 函数，但它给出了'null' 为 null 或不是对象。我试图将我的 javascript 部分移动到许多地方来解决问题，但它没有用。

<asp:Content ID="HeaderContent" runat="server"
ContentPlaceHolderID="HeadContent">
</asp:Content>

    <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
        <h2>        WELCOME     </h2>
     <div style="display: none;">
            <asp:Button ID="button1" runat="server"
             OnClick="btn_SearchLibrary_Click" />
     </div>

        <script type="text/javascript">
            function displaymessage() {
                var button = document.getElementById('button1');
                button.click();
            }
        </script>


<!-- Some codes in here, below there is a gridview templatefield -->



    <asp:TemplateField HeaderText="BookName"
    SortExpression="BookName" ItemStyle-Width="150px">
                                <ItemTemplate>
                                    <asp:HyperLink ID="HyperLink1"
    runat="server" Text='<%# Bind("BookName") %>'
    NavigateUrl="javascript:displaymessage()"></asp:HyperLink>
                                </ItemTemplate>
                            </asp:TemplateField>

Answer 1

试试这个

     document.getElementById('<%=button1.ClientID%>')