c# - 单击按钮更改div的背景颜色

Question

在我后面的代码中，我正在生成 html 字符串

<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点击事件上我做了一些处理

protected void btnSubmitWinnerPage_Click(object sender, EventArgs e)
    {
      // some processing
    }

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

Answer 1

将 runat server 添加到您的 div，并为其指定一个 ID。

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

    </div>

然后你可以在代码隐藏中添加背景颜色，像这样:

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

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

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

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

顺便说一句，如果你使用.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 控件)而不是回发进行处理。
如果您使用回发，您网站的速度和可用性很可能会很糟糕。