изменить цвет фона другой текст в таблице HTML

Question

У меня есть таблица в HTML и мне нужно изменить цвет backgrund в я есть буксировочный diffrent слово в этом нормальной или высокой для нормальной я нужен Yello 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

Я не могу точно понять ваш вопрос, но я надеюсь, что это будет полезно. это образец JS (С моей точки зрения, генерируют ServerSide более проще)

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 2

Я хотел бы предложить создать два CSS классы

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

И при создании таблицы, просто обернуть слово в пролете и добавить соответствующий класс

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

Answer 3

Самый простой Я знаю, как это сделать, это взять ваш класс и использовать таблицу стилей CSS. Используйте что-то вроде этого в верхней части страницы html, чтобы связать внешнюю таблицу стилей.

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

Затем перейдите к таблице стилей, которую Вы создали и введите имя вашего класса после точки и введите что-то вроде этого

.classname 
{ 
background-color:red; 
} 

Таким образом, вы всегда можете добавить больше форматирование к классам. Вы также можете найти код для всех видов цветов в Интернете.