Javascript 如何使用任何逻辑在使用HTML的Python模板中为文本着色`
我正在使用Python为邮件起草一个表。在邮件中，如果文本具有某种文本值，我需要给文本上色。如果文本包含“Successful”，则文本将被着色为“GREEN”。我正在使用Python字符串模板制作一个HTML代码段，$w_u是包含文本的变量。我想根据文本更改文本的颜色。请帮帮我Javascript 如何使用任何逻辑在使用HTML的Python模板中为文本着色`,javascript,python,html,Javascript,Python,Html,我正在使用Python为邮件起草一个表。在邮件中，如果文本具有某种文本值，我需要给文本上色。如果文本包含“Successful”，则文本将被着色为“GREEN”。我正在使用Python字符串模板制作一个HTML代码段，$w_u是包含文本的变量。我想根据文本更改文本的颜色。请帮帮我 ''' <!DOCTYPE html> <html> <head> <title>XXXXX</title> <style>
'''
<!DOCTYPE html>
<html>
<head>
<title>XXXXX</title>
<style>
table {
border: 1px solid black;
border-collapse: collapse;
width: 100%;
}
th,td{
border: 1px solid black;
text-align: center;
padding: 5px;
width: 7%;
}
</style>
</head>
<body>
<p>
<p2>Hi All,</p2>
<br>
<br>
<p2>SOME_TEXT</p2>
<table>
<thead>
<tr>
<th></th>
<th>22a</th>
<th>22r</th>
<th>29a</th>
<th>29c</th>
<th>ICAL</th>
<th>22g</th>
<th>22x</th>
<th>22hm</th>
<th>28a</th>
<th>20a</th>
<th>20b</th>
<th>20m</th>
</tr>
</thead>
<tbody>
<tr>
<td>AM</td>
<td>$w21</td>
<td>$w22</td>
<td>$w23 </td>
<td>$w24</td>
<td>$w25</td>
<td>$w26</td>
<td>$w27</td>
<td>$w28</td>
<td>$w29</td>
<td>$w210</td>
<td>$w211</td>
<td>$w20m_3<td>
</tr>
<tr>
<td>LA</td>
<td>$w31</td>
<td>$w32</td>
<td>$w33</td>
<td>$w34</td>
<td>$w35</td>
<td>$w36</td>
<td>$w37</td>
<td>$w38</td>
<td>$w39</td>
<td>$w310</td>
<td>$w311</td>
<td>$w20m_4<td>
</tr>
</tbody>
</table>
<p2>Best Regards</p2>
<br>
<br>
<p2>XXX ---- REGARDS(STATEMENT)</p2>
</body>
</html>
'''
s=Template(bdy).safe_substitute(w21=xxx[0][0],w22=xxx[0][1],w23=xxx[0][2],w24=xxx[0][3],w25=all[0][4],w26=all[0][5],w27=all[0][6],w28=all[0][7],
w29=all[0][8],w210=all[0][9],w211=all[0][10],w20m_3=all[0][11],
w31=xxx[1][0],w32=xxx[1][1],w33=xxx[1][2],w34=xxx[1][3],w35=all[1][4],w36=all[1][5],w37=all[1][6],w38=all[1][7],
w39=all[1][8],w310=all[1][9],w311=all[1][10],w20m_4=all[1][11])
“”
XXXXX
桌子{
边框：1px纯黑；
边界塌陷：塌陷；
宽度：100%；
}
th，td{
边框：1px纯黑；
文本对齐：居中；
填充物：5px；
宽度：7%；
}
大家好，
一些课文
22a
22r
29a
29c
艾尔
22克
22倍
22hm
28a
20a
20b
20米
是
$w21
$w22
$w23
$w24
w25美元
$w26
$w27
$w28
$w29
w210美元
w211美元
2000万南非兰特3
洛杉矶
$w31
w32美元
w33美元
w34美元
w35美元
w36美元
w37美元
w38美元
w39美元
w310美元
w311美元
2000万南非兰特4
顺致敬意，
XXX----问候（声明）
'''
s=模板（bdy）.安全替代（w21=xxx[0][0]、w22=xxx[0][1]、w23=xxx[0][2]、w24=xxx[0][3]、w25=all[0][4]、w26=all[0][5]、w27=all[0][6]、w28=all[0][7]，
w29=全部[0][8]，w210=全部[0][9]，w211=全部[0][10]，w20m_3=全部[0][11]，
w31=xxx[1][0]、w32=xxx[1][1]、w33=xxx[1][2]、w34=xxx[1][3]、w35=all[1][4]、w36=all[1][5]、w37=all[1][6]、w38=all[1][7]，
w39=全部[1][8]，w310=全部[1][9]，w311=全部[1][10]，w20m_4=全部[1][11]）
<style>
.success {
background: green
}
.error {
background: red
}
<style>
<td class="success">AM</td>
<td class="success">$w21</td>
<td class="error">$w21</td>
.成功{
背景：绿色
}
.错误{
背景：红色
}
是
$w21
$w21
XXXXX
桌子{
边框：1px纯黑；
边界塌陷：塌陷；
宽度：100%；
}
th，td{
边框：1px纯黑；
文本对齐：居中；
填充物：5px；
宽度：7%；
}
.成功{
背景：绿色
}
.错误{
背景：红色
}
大家好，
一些课文
22a
22r
29a
29c
艾尔
22克
22倍
22hm
28a
20a
20b
20米
是
$w21
$w22
$w23
$w24
w25美元
$w26
$w27
$w28
$w29
w210美元
w211美元
2000万南非兰特3
洛杉矶
$w31
w32美元
w33美元
w34美元
w35美元
w36美元
w37美元
w38美元
w39美元
w310美元
w311美元
2000万南非兰特4
顺致敬意，
XXX----问候（声明）