我编写了一个 PHP 页面,可以将来自 MySQL 数据库的信息整齐地显示在表格中。我想使用 onLoad 事件处理程序隐藏空的表格行。
以下是一个示例表格和代码,当 <td>
没有内容时隐藏它,但我只能通过不同的 ID 使其正常工作:
<script type="text/javascript">
function hideTd(id){
if(document.getElementById(id).textContent == ''){
document.getElementById(id).style.display = 'none';
}
}
</script>
</head>
<body onload="hideTd('1');hideTd('2');hideTd('3');">
<table border="1">
<tr>
<td id="1">not empty</td>
</tr>
<tr>
<td id="2"></td>
</tr>
<tr>
<td id="3"></td>
</tr>
</table>
</body>
我想做的是使用一个类来为 <td>
元素实现同样的功能,只需引用一次该类,而不是引用每个要删除的 id,这甚至不能为我的动态内容工作。我尝试使用了以下代码:
<script type="text/javascript">
function hideTd(){
if(document.getElementsByClassName().textContent == ''){
document.getElementsByClassName().style.display = 'none';
}
}
</script>
</head>
<body onload="hideTd('1');">
<table border="1">
<tr>
<td class="1">not empty</td>
</tr>
<tr>
<td class="1"></td>
</tr>
<tr>
<td class="1"></td>
</tr>
</table>
</body>
但是它不起作用。它应该隐藏具有指定类的空<td>
。如何使用类而不是ID隐藏空的<td>
?