c# - Onclientclick如何使用Javascript更改表格的背景颜色

Question

我尝试通过 Java 脚本 onClientClick 更改表格的背景颜色。但背景没有改变。

脚本:

<script type="text/javascript">
function compTableBGChange() {
    document.getElementById("tableComptag").style.backgroundColor = "Black";
}
</script>

我的 table :

<table id="tableCompTag">
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text="Computer Tag"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtBxCompTag" runat="server" Width="166px" ReadOnly="True">           
</asp:TextBox>
</td>
<td>
<asp:Button ID="btnCompTagUpdate" runat="server" Text="Edit" 
onclick="btnCompTagUpdate_Click" OnClientClick="compTableBGChange()"/>
</td>
<td>
<asp:Button ID="btnCancel" runat="server" Text="Cancel" Visible="False" 
onclick="btnCancel_Click" />
</td>
<td></td>
</tr>
</table>

这有什么问题，我该如何修复它？

Answer 1

您没有阻止按钮回发到服务器。因此，您应该从 OnClientClick 中返回 false 或改用 HTMLInputButton。如果你想回发，你应该创建表runat=server并通过HtmlTable.BgColor更改服务器端的样式。 .

OnClientClick="compTableBGChange();return false;"

除此之外，document.getElementById 对 ID 属性执行区分大小写匹配(至少 in IE8 和 in FF )。

所以替换

document.getElementById("tableComptag")

与

document.getElementById("tableCompTag")