c# - 单击按钮后为我的表选择一个类? (HTML 表格)

标签 c# javascript html asp.net css

我在 css 文件 (StyleSheet1.css) 中声明了 2 个类,.Class1 和 .Class2。单击表格标签的按钮后,如何在这两个类之间进行选择?

<link href="Styles/StyleSheet1.css" rel="stylesheet" type="text/css" />
<table class="Class1">
    <tr>
        <td>Hello World!</td>
    </tr>
</table>

CSS 文件:

.Class1
{   
    background-color: Blue;
}
.Class2
{
    background-color: Red;
}

如果可能的话,我想尽可能地使用 C# 来更改类,但如果不行,也许可以使用 javascript?

我刚接触 ASP 和 C#,对 HTML 略有了解。

问候

最佳答案

您可以使用 Javascript 和 jQuery .请在下面找到代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#btn1').click(function () {
                $('#tbl1').toggleClass('Class2');
            });
        });
    </script>
    <style>
        .Class1
        {
            background-color: Blue;
        }

        .Class2
        {
            background-color: Red;
        }
    </style>
</head>
<body>
    <table class="Class1" id="tbl1">
    <tr>
        <td>Hello World!</td>
    </tr>
</table>
    <button id="btn1">change</button>
</body>
</html>

关于c# - 单击按钮后为我的表选择一个类? (HTML 表格),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22522022/

相关文章:

javascript - Highcharts - 柱形图钻取,如何根据某些值更改钻取条颜色

c# - MVC4 .net4 更新前模型刷新?

c# - Entity Framework 中的关系表问题

javascript - 使用 javascript 在 html 页面上显示来自 C# 的计时器

javascript - 如何在 CSS 中引用 document.createElement

html - 在 CSS 中为 div 分配颜色

javascript - 使用js函数在html中添加/删除一个类

c# - 正则表达式用多个单词中的相同值替换字符串

javascript - 如何禁用链接的悬停?我正在使用 li :hover

javascript - pentaho mysql 日期时间 javascript 比较