Javascript 更改表格html中不同文本的背景色

我有一个html表格，我需要更改表格中background的颜色 我在这方面有两个不同的词 正常还是高 正常情况下，我需要一个yello颜色 对于高，我需要一个红色 我需要用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>

正常差异

我建议创建两个css类

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

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

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

高

我不能完全理解你的问题，但我希望这会有所帮助。 这是一个js示例（在我看来，通过服务器端生成更容易）

HTML

JS

---

我知道如何做到这一点的最简单的方法是使用您的类并使用CSS样式表。在html页面顶部使用类似这样的内容链接外部样式表

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

---

通过这种方式，您可以始终为类添加更多格式。你也可以在网上查询各种颜色的代码。

只是一条普通的文字我听不懂你的问题，什么是正常或高这是一个文本内的正常不同，一旦是正常的，一旦它可以high@Tzahi高的是什么？一些标点符号会使问题更具可读性。我需要这门课作其他用途。你是什么意思？这个类可以被称为任何东西，我的建议是基本上用一些识别css类名将需要改变颜色的单词包装在一个范围内

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

$(document).ready( function() {

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

});

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

.classname
{
background-color:red;
}