C# - 在 div id 上使用 FindControl 时出错

我有一个 ASP.NET 站点，我试图通过 C# 代码隐藏文件中的 ID 访问 div 元素。本质上我想查看 div 元素是否存在，如果存在，则更改其属性。

我发现许多资源都指向十几种不同的解决方案，但似乎没有一个有效。

ASP.Net 页面上的 HTML：

<div class="contentArea">
     <div class="block" id="button1" runat="server">
            Some Content Here
     </div>
     <div class="block" id="button2" runat="server">
            Some Content Here
     </div>
     <div class="block" id="button3" runat="server">
            Some Content Here
     </div>
</div>

C# 代码隐藏（我尝试过的示例）：

System.Web.UI.HtmlControls.HtmlGenericControl div1 = (System.Web.UI.HtmlControls.HtmlGenericControl)this.FindControl("button1");
div1.Attributes["class"] = "classNameHere";

or

Control div1 = this.FindControl("button1");
div1.GetType();

当代码到达上述每个示例的第二行时，我收到错误：

你调用的对象是空的。

如果我尝试以下操作：

if (div1 != null)
{
    // Do Something;
}

什么也没有发生，因为 div1 始终设置为 null。具有讽刺意味的是，如果我查看“本地”窗口并检查它，我可以在列表中看到按钮# id，所以我知道它们在那里，但系统的行为就像没有找到控件一样。

我的最终目标是找到按钮 div 的最大 id #（查看我的 html 示例，最大 id 为 3 (button3)。也许有更好的方法来解决这个问题，但无论哪种方式，一旦我有了我的max id，我希望能够触摸每个 div 并更改一些 css 属性。

尽管我可以通过 jQuery 轻松完成所有这些操作，但在本例中我需要使用 C# 来完成这些操作。

任何帮助深表感谢。如果您需要更多信息，请告诉我。

UPDATE我从头开始创建了一个新的 C# Web 项目。添加母版页（并且不更改它）并使用母版页添加 Web 表单后，我只在 Content ID="Content2" 下的 Web 表单中添加了一行：

<div id="button1"></div>

从后面的 C# 代码来看，我仍然遇到与以前相同的问题。

最终更新和答案我很震惊没有人（包括我自己）从上述更新中发现了我的错误。当我从头开始创建一个新项目时，我从未在 div 下放置 runat="server" 。以下是我如何从头开始解决新项目下的问题：

将 runat="server" 添加到 div：

<div id="button1" runat="server"></div>

然后我在MasterPage下的ContentPlaceHolder上做了一个FindControl：

ContentPlaceHolder myPlaceHolder = (ContentPlaceHolder)Master.FindControl("ContentPlaceHolder1");

注意：这是默认创建的 Site.Master 页面上的 ContentPlaceHolder 代码的样子：

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

在后面的代码中找到这个 ContentPlaceHolder 后，我在这个占位符中搜索了button1：

using System.Web.UI.HtmlControls;
HtmlControl myControl = (HtmlControl)myPlaceHolder.FindControl("button1");

最后我检查 myControl 是否为空：

if (myControl != null)
{
    \\ Do Something
}

当我运行这段代码时，它找到了我正在寻找的 div。这是所有组合在一起的完整代码：

using System.Web.UI.HtmlControls;

ContentPlaceHolder myPlaceHolder = (ContentPlaceHolder)Master.FindControl("ContentPlaceHolder1");
HtmlControl myControl = (HtmlControl)myPlaceHolder.FindControl("button1");

if (myControl != null)
{
    // Do Something
}

如果您的页面使用 MasterPage，则 div 控件将不会位于主控件集合中。该集合仅包含指向母版页的 ContentPlaceholder 的内容控件。

有以下三种选择：

1. Use FindControl在内容控件上：contentControl.FindControl("button1");
2. 做一个递归FindControl直到找到您需要的控件
3. 通常，div 控件的声明会添加到 Designer.cs 代码隐藏中，因此您可以通过其名称直接访问该控件：button1.Attributes["class"] = "classNameHere";

Update

我创建了一个母版页，向其中添加了一个内容页，并添加了<div id="button1" runat="server">Some text</div>到内容页面。

在我的内容页面的代码隐藏中，我添加了以下代码：

protected void Page_Load(object sender, EventArgs e)
{
    var control = FindHtmlControlByIdInControl(this, "button1");

    if (control != null)
    {
        control.Attributes["class"] = "someCssClass";
    }
}

private HtmlControl FindHtmlControlByIdInControl(Control control, string id)
{
    foreach (Control childControl in control.Controls)
    {
        if (childControl.ID != null && childControl.ID.Equals(id, StringComparison.OrdinalIgnoreCase) && childControl is HtmlControl)
        {
            return (HtmlControl)childControl;
        }

        if (childControl.HasControls())
        {
            HtmlControl result = FindHtmlControlByIdInControl(childControl, id);
            if (result != null) return result;
        }
    }

    return null;
}

这对我有用。