html怎么使用判断给td标签加颜色
时间: 2024-02-28 17:51:56 浏览: 19
可以使用JavaScript来实现这个功能。具体做法是:首先在HTML文件中引入JavaScript文件,然后在JavaScript文件中使用DOM方法获取所有的td标签,再通过条件判断语句来判断是否符合要求,如果符合要求就修改td的背景颜色。以下是一个示例代码:
HTML文件:
```html
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
<script src="script.js"></script>
```
JavaScript文件:
```javascript
var tds = document.getElementsByTagName("td");
for (var i = 0; i < tds.length; i++) {
var td = tds[i];
var value = parseInt(td.innerHTML);
if (value % 2 == 0) {
td.style.backgroundColor = "red";
} else {
td.style.backgroundColor = "green";
}
}
```
以上代码会将表格中偶数的单元格背景颜色设置为红色,奇数的单元格背景颜色设置为绿色。