ASP.NET document.getElementById('<%=Control.ClientID%>'); 返回 null。

Question

ASP.NET document.getElementById('<%=Control.ClientID%>'); 返回 null。

4

我正在尝试使用JavaScript检索服务器控件。为了测试目的，我从页面加载事件中调用JavaScript函数。

protected void Page_Load(object sender, EventArgs e){
    ClientScript.RegisterClientScriptBlock(GetType(), "js", "confirmCallBack();", true);
}

我的JavaScript函数是：

function confirmCallBack() {
    var a = document.getElementById('<%= Page.Master.FindControl("PlaceHolderContent").FindControl("Button1").ClientID %>');
    var b = document.getElementById('<%=Button1.ClientID%>');
}

我的问题是a和b都返回null。即使在查看页面源代码时，正确的ClientID也已经返回。

我应该补充的是，我正在使用母版页。

有什么想法吗？

- user346443

我会尝试完成你想要的，但是为了快速回答，为什么不在页面加载时通过参数传递Id呢？confirmCallBack(Button1.ClientID); - Hector Sanchez

简单的答案是不要使用自动生成的ASP ID。 - Raynos

2个回答

0

Button1 可见吗？我的意思是从服务器端来看。请确保 Button1.Visible 是 true。

那些不 Visible 的控件不会在 HTML 中呈现，因此尽管它们被分配了一个 ClientID，但实际上它们不存在于客户端。

- Humberto

有没有办法获取不可见的ASP.NET控件的ID？ - Dheeraj Kumar

@DKR ClientID 属性提供了控件在页面上呈现时所使用的 ID。否则，在客户端这个信息几乎没有用处。 - Humberto

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Hector Sanchez · Accepted Answer

明白了！

你需要使用RegisterStartupScript而不是RegisterClientScriptBlock

这里是我的例子。

主页面：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs"
    Inherits="prueba.MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript">

        function confirmCallBack() {
            var a = document.getElementById('<%= Page.Master.FindControl("ContentPlaceHolder1").FindControl("Button1").ClientID %>');

            alert(a.value);

        }

    </script>

    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

WebForm1.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true"
    CodeBehind="WebForm1.aspx.cs" Inherits="prueba.WebForm1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:Button ID="Button1" runat="server" Text="Button" />
</asp:Content>

WebForm1.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace prueba
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            ClientScript.RegisterStartupScript(this.GetType(), "js", "confirmCallBack();", true);

        }
    }
}