table下的td 根据内容变换颜色
时间: 2023-10-23 14:11:53 浏览: 130
您好!针对您的问题,您可以通过 JavaScript 来实现根据内容变换颜色的功能。以下是一个简单的实现方式:
1. 首先,您需要获取到所有的 td 元素,可以通过以下代码获取:
```
var tds = document.getElementsByTagName('td');
```
2. 然后,您需要遍历所有的 td 元素,并根据其内容来修改其样式,可以通过以下代码实现:
```
for (var i = 0; i < tds.length; i++) {
var td = tds[i];
if (td.innerHTML == '内容1') {
td.style.backgroundColor = 'red';
} else if (td.innerHTML == '内容2') {
td.style.backgroundColor = 'blue';
} else {
td.style.backgroundColor = 'green';
}
}
```
以上代码中,我们遍历了所有的 td 元素,并根据其内容来修改其背景颜色。如果内容是 '内容1',则将背景颜色设置为红色;如果内容是 '内容2',则将背景颜色设置为蓝色;否则将背景颜色设置为绿色。
希望以上内容能够帮助您解决问题,如有疑问请随时提出。
阅读全文