C# HtmlGenericControl 类

HtmlGenericControl 类是 C# 中一个非常有用的类，它可以用于在 ASP.NET Web 应用程序中动态创建 HTML 元素。

基本用法

以下是使用 HtmlGenericControl 类创建基本 HTML 元素的示例代码：

// 创建一个 <div> 元素
HtmlGenericControl div = new HtmlGenericControl("div");

// 创建一个 <span> 元素
HtmlGenericControl span = new HtmlGenericControl("span");

// 设置 <div> 元素的样式
div.Attributes["class"] = "container";

// 添加子元素到 <div> 元素中
div.Controls.Add(span);

// 将 <div> 元素添加到页面的控件树中
Page.Controls.Add(div);

创建更复杂的 HTML 元素

使用 HtmlGenericControl 类可以轻松创建更复杂的 HTML 元素，例如表单、表格等。以下是使用 HtmlGenericControl 类创建表格的示例代码：

// 创建一个 <table> 元素
HtmlGenericControl table = new HtmlGenericControl("table");

// 创建一个 <thead> 元素
HtmlGenericControl thead = new HtmlGenericControl("thead");

// 创建一个 <tr> 元素
HtmlGenericControl tr = new HtmlGenericControl("tr");

// 创建 <th> 元素并设置其文本
HtmlGenericControl th1 = new HtmlGenericControl("th") { InnerText = "Name" };
HtmlGenericControl th2 = new HtmlGenericControl("th") { InnerText = "Age" };

// 将 <th> 元素添加到 <tr> 元素中
tr.Controls.Add(th1);
tr.Controls.Add(th2);

// 将 <tr> 元素添加到 <thead> 元素中
thead.Controls.Add(tr);

// 创建一个 <tbody> 元素
HtmlGenericControl tbody = new HtmlGenericControl("tbody");

// 创建多个 <tr> 元素，并设置其文本
HtmlGenericControl tr1 = new HtmlGenericControl("tr");
tr1.Controls.Add(new HtmlGenericControl("td") { InnerText = "Eric" });
tr1.Controls.Add(new HtmlGenericControl("td") { InnerText = "28" });

HtmlGenericControl tr2 = new HtmlGenericControl("tr");
tr2.Controls.Add(new HtmlGenericControl("td") { InnerText = "Kevin" });
tr2.Controls.Add(new HtmlGenericControl("td") { InnerText = "30" });

// 将 <tr> 元素添加到 <tbody> 元素中
tbody.Controls.Add(tr1);
tbody.Controls.Add(tr2);

// 将 <thead> 和 <tbody> 元素添加到 <table> 元素中
table.Controls.Add(thead);
table.Controls.Add(tbody);

// 将 <table> 元素添加到页面控件树中
Page.Controls.Add(table);

注意事项

• 在使用 HtmlGenericControl 类创建元素时，要确保元素名称是正确的，否则会抛出运行时异常。
• 在设置元素的属性时，要确保属性名称是正确的，否则会抛出运行时异常。
• 在添加子元素时，要先将子元素添加到父元素中，然后再将父元素添加到控件树中。

参考

• HtmlGenericControl Class