按钮点击更改div的背景颜色

时间:2015-08-13 08:33:38

标签: c# html css

在我的代码背后,我正在生成html字符串

library(wmtsa)
x=rnorm(8)
cwt=wavCWT(x=x,wavelet="gaussian2")

我在代码中实现了<a href='#' class='my-post' onclick='myFunc(" + Id + ")'> <div class='my-idea'> <span >23</span> <span class='heart'></span> </div> </a> 功能,如下所示

myFunc

然后在funcString += "function myFunc(id){"; funcString += "document.getElementById(\"" + btn1.ClientID + "\").click();"; funcString += "}"; 点击事件我做一些处理

btn1

现在我想在单击按钮时更改href标签内div的背景颜色。我怎样才能实现?

2 个答案:

答案 0 :(得分:0)

将runat服务器添加到您的div,并为其提供ID。

  <div runat="server" id="mydiv">

    </div>

然后你可以在代码隐藏中添加背景颜色,如下所示:

this.mydiv.Style.Add("background-color", "#FF00FF");

如果您使用JavaScript添加背景颜色,例如像这样:

document.getElementById("mydiv").style.background = "#FF00FF";

然后它将被删除,因为postback-click-event上的回发在JS函数更改页面后重新加载页面...

顺便说一句,如果你使用.NET 4.0,你可以使用clientidmode =“Static”,所以你不需要

document.getElementById("<%=btn1.ClientID %>").click(); 

喜欢这样

<div runat="server" id="mydiv" clientidmode="Static">

我还建议您使用AJAX(jQuery AJAX + ashx-handler + JSON,而不是ms-ajax控件)进行处理,而不是使用回发。
如果您使用回发,您的网站的速度和可用性将最可能是可怕的。

答案 1 :(得分:0)

您可以使用Page.RegisterStartupScript添加脚本以更改事件背后代码的背景颜色&#34; protected void btnSubmitWinnerPage_Click(object sender,EventArgs e)&#34;

如果你使用jQuery,那么使用$(&#39; .my-idea&#39;)。css(&#39; background-color&#39;,&#39; blue&#39;)来改变div的背景颜色