我正在展示一张 table 。此表的某些单元格已填充内容。但是有些单元格是空的。我想要的是所有空单元格都有不同的背景颜色。我怎样才能做到这一点? 如何检查 td 是否为空?
最佳答案
您可以使用 :empty
选择器:
演示:
//You can loop and remove the space charcater from cells
document.querySelectorAll('table tr > td').forEach(c => c.textContent = c.textContent.trim());
table, th, td {
border: 1px solid black;
}
table tr > td:empty {
background-color: yellow;
}
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td></td>
</tr>
<tr>
<td>March</td>
<td>$90</td>
</tr>
<tr>
<td>May</td>
<td> </td>
</tr>
</table>
https://stackoverflow.com/questions/69208447/
相关文章:
reactjs - Typescript i18next 不满足约束 'string |模板字符串数
php - 我必须在 Composer 要求之前使用 init 吗?
c++ - std::transform 中未解析的重载函数类型
python - PySpark:在 UDF 中使用列名并根据逻辑连接列名
list - 如何为 SwiftUI 列表中的单个行设置动画?
javascript - 如果 javascript 中的数据属性(HTML)=== 输入文本,如何
javascript - Material ui 版本 4-11.4 的文档丢失