国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

ASP.NET批量操作基于原生html標(biāo)簽的無序列表的三種方法

來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 22:38:47
文檔

ASP.NET批量操作基于原生html標(biāo)簽的無序列表的三種方法

ASP.NET批量操作基于原生html標(biāo)簽的無序列表的三種方法:在網(wǎng)頁開發(fā)中,經(jīng)常要用到無序列表。事實上在符合W3C標(biāo)準(zhǔn)的div+css布局中,無序列表被大量使用,ASP.NET雖然內(nèi)置了BulletedList控件,用于創(chuàng)建和操作無序列表,但感覺不太好用。本篇介紹服務(wù)器端ASP.NET批量操作基于原生html標(biāo)簽的無序列表的三種方法。
推薦度:
導(dǎo)讀ASP.NET批量操作基于原生html標(biāo)簽的無序列表的三種方法:在網(wǎng)頁開發(fā)中,經(jīng)常要用到無序列表。事實上在符合W3C標(biāo)準(zhǔn)的div+css布局中,無序列表被大量使用,ASP.NET雖然內(nèi)置了BulletedList控件,用于創(chuàng)建和操作無序列表,但感覺不太好用。本篇介紹服務(wù)器端ASP.NET批量操作基于原生html標(biāo)簽的無序列表的三種方法。

在網(wǎng)頁開發(fā)中,經(jīng)常要用到無序列表。事實上在符合W3C標(biāo)準(zhǔn)的div+css布局中,無序列表被大量使用,ASP.NET雖然內(nèi)置了BulletedList控件,用于創(chuàng)建和操作無序列表,但感覺不太好用。本篇介紹服務(wù)器端ASP.NET批量操作基于原生html標(biāo)簽的無序列表的三種方法。

方法一,將li元素做成html控件,加上id,用FindControl方法。

aspx代碼:

<form id="form1" runat="server"> 
<ul> 
<li id="li1" runat="server">初始值1</li> 
<li id="li2" runat="server">初始值2</li> 
<li id="li3" runat="server">初始值3</li> 
<li id="li4" runat="server">初始值4</li> 
<li id="li5" runat="server">初始值5</li> 
<li id="li6" runat="server">初始值6</li> 
<li id="li7" runat="server">初始值7</li> 
<li id="li8" runat="server">初始值8</li> 
</ul> 
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" /> 
</form>

aspx.cs代碼:

protected void Button1_Click(object sender, EventArgs e) 
{ 
//單擊按鈕后批量改變li元素的內(nèi)聯(lián)文本值及樣式 
for (int i = 1; i <= 8; i++) 
{ 
HtmlGenericControl li = this.FindControl("li" + i) as HtmlGenericControl; 
li.InnerHtml = "新值" + i.ToString(); 
li.Attributes.CssStyle.Value = "color:red"; 
} 
}

方法二,將ul、li元素做成html控件,用ul控件的Controls集合遍歷。

aspx代碼:

<form id="form1" runat="server"> 
<ul id="ul1" runat="server"> 
<li runat="server">初始值1</li> 
<li runat="server">初始值2</li> 
<li runat="server">初始值3</li> 
<li runat="server">初始值4</li> 
<li runat="server">初始值5</li> 
<li runat="server">初始值6</li> 
<li runat="server">初始值7</li> 
<li runat="server">初始值8</li> 
</ul> 
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" /> 
</form>

aspx.cs代碼:

private int counter = 1; 
protected void Button1_Click(object sender, EventArgs e) 
{ 
//單擊按鈕后批量改變li元素的內(nèi)聯(lián)文本值及樣式 
foreach (Control control in ul1.Controls) 
{ 
if (control is HtmlGenericControl) 
{ 
HtmlGenericControl li = control as HtmlGenericControl; 
li.InnerHtml = "新值" + (counter++).ToString(); 
li.Attributes.CssStyle.Value = "color:red"; 
} 
} 
}

方法三,利用HtmlAgilityPack,對元素以Dom方式操作。

aspx代碼:

<form id="form1" runat="server"> 
<ul id="ul1" runat="server"> 
<li>初始值1</li> 
<li>初始值2</li> 
<li>初始值3</li> 
<li>初始值4</li> 
<li>初始值5</li> 
<li>初始值6</li> 
<li>初始值7</li> 
<li>初始值8</li> 
</ul> 
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" /> 
<asp:Button ID="Button2" runat="server" Text="測試空回發(fā)" /> 
</form>

aspx.cs代碼:

protected void Button1_Click(object sender, EventArgs e) 
{ 
//單擊按鈕后批量改變li元素的內(nèi)聯(lián)文本值及樣式 
HtmlDocument htmlDoc = new HtmlDocument(); 
htmlDoc.LoadHtml(ul1.InnerHtml); 
HtmlNodeCollection lis = htmlDoc.DocumentNode.SelectNodes("li"); 
for (int i = 0; i < lis.Count; i++) 
{ 
lis[i].InnerHtml = "新值" + (i + 1).ToString(); 
lis[i].Attributes.Add("style", "color:red"); 
} 
ul1.InnerHtml = htmlDoc.DocumentNode.InnerHtml; 
}

以上三種方法各有優(yōu)缺點,可根據(jù)實際情況選用。

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

ASP.NET批量操作基于原生html標(biāo)簽的無序列表的三種方法

ASP.NET批量操作基于原生html標(biāo)簽的無序列表的三種方法:在網(wǎng)頁開發(fā)中,經(jīng)常要用到無序列表。事實上在符合W3C標(biāo)準(zhǔn)的div+css布局中,無序列表被大量使用,ASP.NET雖然內(nèi)置了BulletedList控件,用于創(chuàng)建和操作無序列表,但感覺不太好用。本篇介紹服務(wù)器端ASP.NET批量操作基于原生html標(biāo)簽的無序列表的三種方法。
推薦度:
標(biāo)簽: 方法 元素 html
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 久久国产成人精品国产成人亚洲 | 欧美激情 在线 | 91精品欧美 | 影音先锋女人aa鲁色资源 | 久久亚洲精品国产精品777777 | 久久久精| 国产成人久久精品激情 | 国产在线观看不卡 | 亚洲国产精品日韩在线 | 日韩不卡一区二区三区 | 亚洲专区路线一路线二天美 | 免费看真人a一级毛片 | 欧美天天爽 | 在线观看国产视频 | 成人黄色在线观看 | 亚洲精品视频区 | 在线视频免费观看 | 日韩免费一区二区三区 | 天堂一区二区三区精品 | 久久午夜一区二区 | 中国特黄毛片 | 中文字幕版免费电影网站 | 国产精品最新 | 精品视频一区二区三区四区五区 | 日韩国产欧美一区二区三区 | 国产91一区二这在线播放 | 国产一级持黄大片99久久 | 欧美日韩一二区 | 久久大陆 | 青青国产成人久久激情91麻豆 | 亚洲国产成人久久一区www | 黄片毛片一级 | 亚洲图片欧美在线 | 亚洲国产精品热久久 | 欧美视频亚洲视频 | 自拍偷拍 欧美日韩 | 国产欧美日韩va | 久热青青青在线视频精品 | 91在线精品亚洲一区二区 | 国产欧美亚洲精品a | 黄色网站视频免费 |