Я закодировал php-страницу, которая аккуратно отображает информацию из базы данных mysql в таблицы. Я хотел бы скрыть пустые строки таблицы обработчиком события onLoad.
Вот пример таблицы с кодом, который скрывает <td>
, когда у него нет содержимого. но я могу заставить его работать с разными идентификаторами:
<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>
, который имеет указанный класс. как скрыть пустые <td>
с помощью классов, а не идентификаторов?