javascript - 根据响应 标记的内容设置 标记的样式

Question

我将一个表从 Postgres 数据库导入到网站，如果我请求属性表，对于一个元素，有很多属性显示:NULL、(NULL) 或 false，而我不需要这些属性表，因为它们不会为用户添加额外的信息。

<tr>
    <th>Anrede</th>
    <td>(NULL)</td>
</tr>
<tr>
    <th>Postleitzahl</th>
    <td>NULL</td>
<tr>

我现在的想法是看看 <td>...</td> 中的内容并根据此设置 <tr> 的样式到“显示:无”。但我不知道该怎么做，如果我必须编写一个 JS 函数或者我是否只能使用 html 和 css？

Answer 1

通过javascript，您可以使用textContent来检查td的内容:

for (let el of document.querySelectorAll('#test td')) {
  if ( el.textContent == '(NULL)' || el.textContent =='NULL') {
    el.parentNode.style.display="none"
  }
}

<table id="test">
  <tr>
    <th>Anrede</th>
    <td>(NULL)</td>
  </tr>
  <tr>
    <th>Postleitzahl</th>
    <td>NULL</td>
  </tr>
  <tr>
    <th>Anrede</th>
    <td>(NULL)</td>
  </tr>
  <tr>
    <th>Postleitzahl</th>
    <td> See Us </td>
  </tr>
</table>

https://codepen.io/gc-nomade/pen/MWwPOvw