blocks|key|1508017|text|如果它们是runat=server，您可以使用attributes属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508018|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If they were runat=server you could use the attributes property.

blocks|key|1508069|text|您可以像这样注册客户端脚本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508070|(将id设置为要设置为active的li的id+)|1508071|ClientScript.RegisterStartupScript(this.GetType(),+"setActiveLI",+"document.getElementById(\""%2Bid%2B"\").setAttribute(\"class\",+\"active\");",+true);|code-block|syntax|javascript|1508072|在元素已经呈现之后，这将在靠近底部的页面上生成一个JavaScript调用。|1508073|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You could register a client script like this:

(set id to the id of the li that you want to set to active)

<pre><code>ClientScript.RegisterStartupScript(this.GetType(), "setActiveLI", "document.getElementById(\""+id+"\").setAttribute(\"class\", \"active\");", true);
</code></pre>

This generates a JavaScript call on the page near the bottom after elements have already been rendered.

blocks|key|1508097|text|为了找到特定的控件，需要将其定义为公共控件(在生成的设计器中)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508098|或者需要由代码幕后的公共get包装。|1508099|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

In order to find that particular control it will need to be defined as public (in the generated designer)

Or will need to be wrapped by a public get in the codebehind.

blocks|key|1508113|text|您可以通过将母版页上的li包装在母版页上的属性中，将它们公开给任何内容页：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508114|public+GenericHtmlControl+Li1
{
++++get
++++{
++++++++return+this.LiWhatever;
++++}
}|code-block|syntax|javascript|1508115|然后在内容页上：|1508116|MasterPage2+asd+=+((MasterPage2)Page.Master).Li1.Attributes.Add("class",+"bla");|1508117|如果我没记错的话！|1508118|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You can expose the li's on the master page to any content pages by wrapping them in properties on the master page:

<pre><code>public GenericHtmlControl Li1
{
 get
 {
 return this.LiWhatever;
 }
}
</code></pre>

Then on the content page:

<pre><code>MasterPage2 asd = ((MasterPage2)Page.Master).Li1.Attributes.Add("class", "bla");
</code></pre>

If i've got that right!

blocks|key|1508157|text|下面的代码可用于在控件层次结构中的任何位置查找命名控件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508158|public+static+Control+FindControlRecursive(Control+rootControl,+string+id)
{
++++if+(rootControl+!=+null)
++++{
++++++++if+(rootControl.ID+==+id)
++++++++{
++++++++++++return+rootControl;
++++++++}

++++++++for+(int+i+=+0;+i+<+rootControl.Controls.Count;+i%2B%2B)
++++++++{
++++++++++++Control+child;

++++++++++++if+((child+=+FindControlRecursive(rootControl.Controls[i],+id))+!=+null)
++++++++++++{
++++++++++++++++return+child;
++++++++++++}
++++++++}
++++}

++++return+null;
}|code-block|syntax|javascript|1508159|所以你可以这样做：|1508160|Control+foundControl=+FindControlRecursive(Page.Master,+"theIdOfTheControlYouWantToFind");
((HtmlControl)foundControl).Attributes.Add("class",+"active");|1508161|忘记了前面提到，在您希望能够以这种方式找到的任何控件上都需要runat="server“=)|1508162|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

The code below can be used to find a named control anywhere within the control hierarchy:

<pre><code>public static Control FindControlRecursive(Control rootControl, string id)
{
 if (rootControl != null)
 {
 if (rootControl.ID == id)
 {
 return rootControl;
 }

 for (int i = 0; i &lt; rootControl.Controls.Count; i++)
 {
 Control child;

 if ((child = FindControlRecursive(rootControl.Controls[i], id)) != null)
 {
 return child;
 }
 }
 }

 return null;
}
</code></pre>

So you could do something like:

<pre><code>Control foundControl= FindControlRecursive(Page.Master, "theIdOfTheControlYouWantToFind");
((HtmlControl)foundControl).Attributes.Add("class", "active");
</code></pre>

Forgot to mention previously, that you do need runat="server" on any control you want to be able to find in this way =)

blocks|key|1508203|text|为了从服务器端访问这些控件，您需要使它们成为“runat=”。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508204|<ul+id="nav"+runat="server">
++<li+class="forcePadding"><img+src="css/site-style-images/menu_corner_right.jpg"+/></li>+++++++++++++++
++<li+id="screenshots"><a+href="screenshots.aspx"+title="Screenshots">Screenshots</a></li>
++<li+id="future"><a+href="future.aspx"+title="Future">Future</a></li>
++<li+id="news"><a+href="news.aspx"+title="News">News</a></li>
++<li+id="download"><a+href="download.aspx"+title="Download">Download</a></li>
++<li+id="home"><a+href="index.aspx"+title="Home">Home</a></li>
++<li+class="forcePadding"><img+src="css/site-style-images/menu_corner_left.jpg"+/></li>
</ul>|code-block|syntax|javascript|1508205|在代码隐藏中：|1508206|foreach(Control+ctrl+in+nav.controls)
{
+++if(!ctrl+is+HtmlAnchor)
+++{
++++++string+url+=+((HtmlAnchor)ctrl).Href;
++++++if(url+==+GetCurrentPage())++//+<--+you'd+need+to+write+that
+++++++++ctrl.Parent.Attributes.Add("class",+"active");
+++}
}|1508207|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

In order to access these controls from the server-side, you need to make them runat="server"

<pre><code>&lt;ul id="nav" runat="server"&gt;
 &lt;li class="forcePadding"&gt;&lt;img src="css/site-style-images/menu_corner_right.jpg" /&gt;&lt;/li&gt; 
 &lt;li id="screenshots"&gt;&lt;a href="screenshots.aspx" title="Screenshots"&gt;Screenshots&lt;/a&gt;&lt;/li&gt;
 &lt;li id="future"&gt;&lt;a href="future.aspx" title="Future"&gt;Future&lt;/a&gt;&lt;/li&gt;
 &lt;li id="news"&gt;&lt;a href="news.aspx" title="News"&gt;News&lt;/a&gt;&lt;/li&gt;
 &lt;li id="download"&gt;&lt;a href="download.aspx" title="Download"&gt;Download&lt;/a&gt;&lt;/li&gt;
 &lt;li id="home"&gt;&lt;a href="index.aspx" title="Home"&gt;Home&lt;/a&gt;&lt;/li&gt;
 &lt;li class="forcePadding"&gt;&lt;img src="css/site-style-images/menu_corner_left.jpg" /&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

in the code-behind:

<pre><code>foreach(Control ctrl in nav.controls)
{
 if(!ctrl is HtmlAnchor)
 {
 string url = ((HtmlAnchor)ctrl).Href;
 if(url == GetCurrentPage()) // &lt;-- you'd need to write that
 ctrl.Parent.Attributes.Add("class", "active");
 }
}
</code></pre>

blocks|key|1508226|text|我发现了一个使用CSS的链接，它只涉及更改body标记的class属性。这意味着没有Javascript，也没有for循环或任何东西。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508227|#navbar+a:hover,
++.articles+#navbar+#articles+a,
++.topics+#navbar+#topics+a,
++.about+#navbar+#about+a,
++.contact+#navbar+#contact+a,
++.contribute+#navbar+#contribute+a,
++.feed+#navbar+#feed+a+{
+background:+url(/pix/navbarlinkbg.gif)+top+left+repeat-x;+color:+#555;
}

....

<body+class="articles"+onload="">

<ul+id="navbar">
++<li+id="articles"><a+href="/articles/"+title="Articles">Articles</a></li>
++<li+id="topics"><a+href="/topics/"+title="Topics">Topics</a></li>
++<li+id="about"><a+href="/about/"+title="About">About</a></li>
++<li+id="contact"><a+href="/contact/"+title="Contact">Contact</a></li>
++<li+id="contribute"><a+href="/contribute/"+title="Contribute">Contribute</a></li>
++<li+id="feed"><a+href="/feed/"+title="Feed">Feed</a></li>
</ul>|code-block|syntax|javascript|1508228|点击此处了解更多信息http://www.websiteoptimization.com/speed/tweak/current/|offset|length|1508229|entityMap|0|LINK|mutability|MUTABLE|url|http://www.websiteoptimization.com/speed/tweak/current/^0|0|0|A|1J|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

I found a link that works using CSS and involves only changing the body tag's class attribute. This means there's no Javascript and there's no for loops or anything.

<pre><code>#navbar a:hover,
 .articles #navbar #articles a,
 .topics #navbar #topics a,
 .about #navbar #about a,
 .contact #navbar #contact a,
 .contribute #navbar #contribute a,
 .feed #navbar #feed a {
 background: url(/pix/navbarlinkbg.gif) top left repeat-x; color: #555;
}

....

&lt;body class="articles" onload=""&gt;

&lt;ul id="navbar"&gt;
 &lt;li id="articles"&gt;&lt;a href="/articles/" title="Articles"&gt;Articles&lt;/a&gt;&lt;/li&gt;
 &lt;li id="topics"&gt;&lt;a href="/topics/" title="Topics"&gt;Topics&lt;/a&gt;&lt;/li&gt;
 &lt;li id="about"&gt;&lt;a href="/about/" title="About"&gt;About&lt;/a&gt;&lt;/li&gt;
 &lt;li id="contact"&gt;&lt;a href="/contact/" title="Contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
 &lt;li id="contribute"&gt;&lt;a href="/contribute/" title="Contribute"&gt;Contribute&lt;/a&gt;&lt;/li&gt;
 &lt;li id="feed"&gt;&lt;a href="/feed/" title="Feed"&gt;Feed&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

Read more here
<a href="http://www.websiteoptimization.com/speed/tweak/current/" rel="nofollow noreferrer">http://www.websiteoptimization.com/speed/tweak/current/</a>

blocks|key|1508267|text|在母版页中的li标记上添加服务器“runat=”，然后将其添加到适当的page_load事件中，以便将“active”类添加到母版页中的li中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508268|HtmlGenericControl+li+=+HtmlGenericControl)Page.Master.FindControl("screenshots")；li.Attributes.Add(“HtmlGenericControl”，"active")；|1508269|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Add runat="server" on the li tags in the masterpage then add this to the appropriate page_load event to add the 'active' class to the li in the masterpage

HtmlGenericControl li = HtmlGenericControl)Page.Master.FindControl("screenshots");
li.Attributes.Add("class", "active");

blocks|key|1508306|text|这是一个很好的例子，可以在将来使用。我知道这个帖子很旧，但是为了将来的查询...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508307|http://community.discountasp.net/showthread.php?p=33271|offset|length|1508308|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1J|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Try this
the great example for future use. i know this thread is old, but for future queries...

<a href="http://community.discountasp.net/showthread.php?p=33271" rel="nofollow noreferrer">http://community.discountasp.net/showthread.php?p=33271</a>

blocks|key|1508360|text|感谢您的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508361|精简的代码。|1508362|母版页控件也可以在子页中找到。|1508363|我的意思是母版页包含html控件。|1508364|而chilld+page可以像这样找到母版页的html控件|1508365|((HtmlControl)this.Master.FindControl("dpohome1")).Attributes.Add("class",+"on");|code-block|syntax|javascript|1508366|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|U|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|V|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Thanks For the solution.

Mininized code.

Master page control can also find in the child page..

i mean master page contains html contol

and chilld page can find the master page html conrol like this

<pre><code>((HtmlControl)this.Master.FindControl("dpohome1")).Attributes.Add("class", "on");
</code></pre>

blocks|key|1508435|text|简单的逻辑和最少的代码，我通常使用以下代码，特别是在动态菜单中。希望这能有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508436|在母版页背后的代码中创建此方法代码|1508437|代码隐藏(C#)|1508438|protected+string+SetCssClass(string+page)+{++++return+Request.Url.AbsolutePath.ToLower().EndsWith(page.ToLower())+?+"active"+:+"";+}|offset|length|style|CODE|1508439|在您创建的菜单列表项中，调用此方法，如下所示传递页面名称|1508440|HTML页面(ASPX内联代码)|1508441|<li+id="screenshots"+class+=+"<%25=+SetCssClass("screenshots.aspx")+%25>">+<a+href="screenshots.aspx"+title="Screenshots">Screenshots</a></li>|1508442|<li+id="future"+class+=+"<%25=+SetCssClass("future.aspx")+%25>">+<a+href="future.aspx"+title="Future">Future</a></li>|1508443|诸若此类。|1508444|通过这种方法，每次添加页面和链接时，不必在每个页面中都编写代码。当您在母版页中添加链接时，每个<li>都会调用SetCssClass(pagename)方法来设置类，这就完成了。(您可以根据自己的需要对方法进行重命名。|1508445|你可以使用更长的代码，如果你是支付每行代码bcoz，那么这只是一行代码。(lol)。开个玩笑。希望能有所帮助。|1508446|注意:我忽略了html代码的其他部分，你也可以把它们包括进来，这样就可以了。|1508447|entityMap^0|0|0|0|0|3O|0|0|0|0|3U|0|0|35|0|0|1B|4|1J|L|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|15|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|16|8|@$H|17|I|18|J|K]]|9|@]|A|$]]|$1|L|3|M|5|6|7|19|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1A|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1B|8|@$H|1C|I|1D|J|K]]|9|@]|A|$]]|$1|R|3|S|5|6|7|1E|8|@$H|1F|I|1G|J|K]]|9|@]|A|$]]|$1|T|3|U|5|6|7|1H|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1I|8|@$H|1J|I|1K|J|K]|$H|1L|I|1M|J|K]]|9|@]|A|$]]|$1|X|3|Y|5|6|7|1N|8|@]|9|@]|A|$]]|$1|Z|3|10|5|6|7|1O|8|@]|9|@]|A|$]]|$1|11|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]]|12|$]]

Simple logic and minimal code, I usually use the following code, especially in dynamic menu. Hope this helps.

Create this method code in the code behind master page

CODE BEHIND (C#)

<code>protected string SetCssClass(string page)
{
 return Request.Url.AbsolutePath.ToLower().EndsWith(page.ToLower()) ? "active" : "";
}</code>

In the menu list items you have created call this method passing the page name like this

HTML PAGE (ASPX inline code)

<code>&lt;li id="screenshots" class = "&lt;%= SetCssClass("screenshots.aspx") %&gt;"&gt;
&lt;a href="screenshots.aspx" title="Screenshots"&gt;Screenshots&lt;/a&gt;&lt;/li&gt;</code>

<code>&lt;li id="future" class = "&lt;%= SetCssClass("future.aspx") %&gt;"&gt;
&lt;a href="future.aspx" title="Future"&gt;Future&lt;/a&gt;&lt;/li&gt;
</code>

and so on.

By this method, every time you add a page and link, you don't have to write code in every page. Just when you add the link in the master page, with every <code>&lt;li&gt;</code> invoke the <code>SetCssClass(pagename)</code> method call for setting class and it's done. (you can rename the method as per your ease. 

You can use longer codes if you are being paid per lines of code bcoz then this is just one line of code. (lol). Just kidding. Hope it helps.

Note: I am ignoring other parts of the html code, you can include them also, that would work fine.

My master page contains a list as shown here. What I'd like to do though, is add the "class=active" attribute to the list li thats currently active but I have no idea how to do this. I know that the code goes in the aspx page's page_load event, but no idea how to access the li I need to add the attribute. Please enlighten me. Many thanks.

<pre><code>&lt;div id="menu"&gt;
 &lt;ul id="nav"&gt;
 &lt;li class="forcePadding"&gt;&lt;img src="css/site-style-images/menu_corner_right.jpg" /&gt;&lt;/li&gt; 
 &lt;li id="screenshots"&gt;&lt;a href="screenshots.aspx" title="Screenshots"&gt;Screenshots&lt;/a&gt;&lt;/li&gt;
 &lt;li id="future"&gt;&lt;a href="future.aspx" title="Future"&gt;Future&lt;/a&gt;&lt;/li&gt;
 &lt;li id="news"&gt;&lt;a href="news.aspx" title="News"&gt;News&lt;/a&gt;&lt;/li&gt;
 &lt;li id="download"&gt;&lt;a href="download.aspx" title="Download"&gt;Download&lt;/a&gt;&lt;/li&gt;
 &lt;li id="home"&gt;&lt;a href="index.aspx" title="Home"&gt;Home&lt;/a&gt;&lt;/li&gt;
 &lt;li class="forcePadding"&gt;&lt;img src="css/site-style-images/menu_corner_left.jpg" /&gt;&lt;/li&gt;
 &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

C# - How to change HTML elements attributes

服务器

我的母版页包含一个列表，如下所示。我想要做的是将"class=active“属性添加到列表li中，该属性当前处于活动状态，但我不知道如何做到这一点。我知道代码放在aspx页面的page_load事件中，但不知道如何访问我需要添加属性的li。请给我开导一下。非常感谢。<div id="menu"> <ul id="na...

问C# -如何更改超文本标记语言元素属性
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问C# -如何更改超文本标记语言元素属性EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问C# -如何更改超文本标记语言元素属性
EN