Question

我有一个html表，我需要更改背景中的背景颜色我有一个不同的词正常或高对于正常我需要一个黄色的bgcolor 为了高，我需要一个红色的bgcolor 我需要在css或javascript中执行此操作吗？

这是我的简单代码：

<tr>
<td class='tg-yw4l'></td>
<td class='tg-s6z2'></td>
<td class='tg-s6z2'></td>
<td class='tg-baqh' rowspan='2'></td>
<td class='tg-baqh' rowspan='2'>Normal Different</td>
</tr>

Answer 1

我建议创建两个css类

.red{color:red}
.yellow{color:yellow}

创建表时，只需将单词包装在一个范围中并添加相关的类

<span class='red'>High</span>

Answer 2

我无法完全理解你的问题，但我希望这有用。这是一个js示例（在我看来，由服务器端生成更容易）

HTML

<table>
<tr>
 <td class='tg-yw4l'></td>
 <td class='tg-s6z2'></td>
 <td class='tg-s6z2'></td>
 <td class='tg-baqh' rowspan='2'></td>
 <td class='tg-baqh bg' rowspan='2'>Normal</td>
</tr>
</table>

CSS

.red{background-color:red}
.yellow{background-color:yellow}

JS

$(document).ready( function() {

    $('.bg').each( function() {
        var $this = $(this);
        if( $this.text() == "Normal" ) {
            $this.addClass("red");
        }
    });

});

Answer 3

我知道如何执行此操作的最简单方法是使用您的类并使用CSS样式表。在html页面的顶部使用类似的内容来链接外部样式表。

<link href= "file location" rel="stylesheet" type="text/css">

然后转到您创建的样式表并在点后输入您的类的名称并输入类似的内容

.classname
{
background-color:red;
}

这样，您始终可以为类添加更多格式。您还可以在线查找各种颜色的代码。

更改表格html

3 个答案: