javascript - 使用javascript更改中继器中选择的行的颜色

Question

我有一个带链接按钮的中继器。所以，我打算在点击链接按钮时使用javascript，除了可以进行数据编辑之外，还可以更改所选行的颜色。

但我不知道该怎么做。我可以添加 OnClientClick 事件吗？我怎么知道你选择的能够改变颜色的线？

谢谢...

<asp:Repeater ID="Repeater1" runat="server" >
  <HeaderTemplate>
        <table>
   </HeaderTemplate>
      <ItemTemplate>
       <tr class="trclass" style="width:100px">
        <td>
            <asp:LinkButton ID="LinkBtn1" OnCommand="lbEdit_Command" 
                   CommandArgument='<%# Eval("ID")%>'
                    CommandName="EDIT" runat="server">
                </asp:LinkButton>
        </td>
      </tr>
   </ItemTemplate>
   <FooterTemplate>
        </table>
   </FooterTemplate>
</asp:Repeater>

Answer 1

您可以使用 OnClientClick 事件。在客户端单击“this”是指导致事件的元素，因此您可以尝试以下操作：

<asp:LinkButton ID="LinkBtn1" OnCommand="lbEdit_Command" 
    CommandArgument='<%# Eval("ID")%>'
    CommandName="EDIT" runat="server">
    OnClientClick = "this.parentElement.style.backgroundColor = 'blue'"
</asp:LinkButton>

这将选择被点击链接的父元素 TD 并将其背景颜色设置为蓝色。一个（可能更好的）替代方案是分配一个 CSS 类而不是直接分配颜色。