js判断当表格中文字为 不合格时 将其设置为红色
时间: 2023-05-28 07:06:06 浏览: 42
你可以使用 JavaScript 来获取表格中的单元格,检查它们的文本内容是否为“不合格”,如果是,则将其样式设置为红色。以下是一个示例:
```html
<table id="myTable">
<tr>
<td>合格</td>
<td>不合格</td>
<td>合格</td>
</tr>
<tr>
<td>合格</td>
<td>合格</td>
<td>不合格</td>
</tr>
</table>
<script>
// 获取表格中的所有单元格
var cells = document.querySelectorAll('#myTable td');
// 遍历每个单元格
cells.forEach(function(cell) {
// 检查单元格的文本内容是否为“不合格”
if (cell.textContent === '不合格') {
// 将单元格的样式设置为红色
cell.style.color = 'red';
}
});
</script>
```
相关问题
js遍历表格 当文本为不合格时将其设置为红色
以下是一个示例代码,可以遍历表格中的每个单元格,如果单元格的内容为“不合格”,则将其设置为红色:
```
// 获取表格元素
var table = document.getElementById("myTable");
// 遍历表格中的每个单元格
for (var i = 0; i < table.rows.length; i++) {
for (var j = 0; j < table.rows[i].cells.length; j++) {
// 获取单元格内容
var cellText = table.rows[i].cells[j].textContent;
// 如果单元格内容为“不合格”,则将其设置为红色
if (cellText === "不合格") {
table.rows[i].cells[j].style.color = "red";
}
}
}
```
需要注意的是,上述代码中假设表格的id为“myTable”,如果实际情况不同,需要相应修改。另外,为了简化代码,上述示例中只考虑了纯文本内容,如果表格中包含其他类型的内容(例如链接、图片等),需要根据实际情况进行处理。
用javascript代码将一个表格中的奇数颜色变为红色,偶数为蓝色
使用JavaScript代码可以通过循环遍历表格的每一行,然后再遍历每一行中的每个单元格,判断单元格中的内容是奇数还是偶数,并将对应的颜色设置为红色或蓝色。
以下是一个示例代码:
```javascript
// 获取表格元素
var table = document.querySelector("table");
// 获取表格中所有行
var rows = table.getElementsByTagName("tr");
// 遍历每一行
for (var i = 0; i < rows.length; i++) {
var cells = rows[i].getElementsByTagName("td"); // 获取当前行的所有单元格
// 遍历当前行的每个单元格
for (var j = 0; j < cells.length; j++) {
var cellContent = parseInt(cells[j].innerText); // 获取单元格中的内容,并转为数值
// 判断奇偶,并设置颜色
if (cellContent % 2 === 0) { // 偶数,设置为蓝色
cells[j].style.backgroundColor = "blue";
} else { // 奇数,设置为红色
cells[j].style.backgroundColor = "red";
}
}
}
```
使用上述代码,可以将表格中的奇数设置为红色,偶数设置为蓝色。注意,该代码基于假设表格中的内容为数字类型,并且通过`innerText`获取单元格内容。如果表格中的内容不是数字类型,需要根据实际情况进行修改。