html判断语句显示表格内容
如图，希望通过javascript来控制表格内A和B行的显示，如果A区对应的TD内有内容则显示，如果无内容则不显示，求实现？或给个意见！
我的意思是：
如果A行或B行对应的TD内有内容，则显示本TR，反之则不显示TR。求解！！存HTML+JAVASCRIPT实现。。。
第1个回答 2015-12-08
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></a>
<html xmlns="<a href="http://www.w3.org/1999/xhtml" xml:lang="en">" target="_blank">http://www.w3.org/1999/xhtml" xml:lang="en"></a>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<script type="text/javascript">
onload=function(){
var rows = area.rows;
for(var i = 0;i<rows.length;i++){
var row = rows[i];
if(!row.cells[1].innerText.trim())
row.style.display = "none";
}
}
</script>
</head>
<body>
<table width="500" border="1" cellspacing="0">
<tr>
<td colspan="2" bgcolor="#DDDDDD">事由</td>
</tr>
<tr>
<td colspan="2" height="100"></td>
</tr>
<tr>
<td bgcolor="#DDDDDD" width="50">附件</td>
<td></td>
</tr>
<tbody id="area">
<tr>
<td bgcolor="#DDDDDD">A</td>
<td>内容</td>
</tr>
<tr>
<td bgcolor="#DDDDDD">B</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
<html xmlns="<a href="http://www.w3.org/1999/xhtml" xml:lang="en">" target="_blank">http://www.w3.org/1999/xhtml" xml:lang="en"></a>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<script type="text/javascript">
onload=function(){
var rows = area.rows;
for(var i = 0;i<rows.length;i++){
var row = rows[i];
if(!row.cells[1].innerText.trim())
row.style.display = "none";
}
}
</script>
</head>
<body>
<table width="500" border="1" cellspacing="0">
<tr>
<td colspan="2" bgcolor="#DDDDDD">事由</td>
</tr>
<tr>
<td colspan="2" height="100"></td>
</tr>
<tr>
<td bgcolor="#DDDDDD" width="50">附件</td>
<td></td>
</tr>
<tbody id="area">
<tr>
<td bgcolor="#DDDDDD">A</td>
<td>内容</td>
</tr>
<tr>
<td bgcolor="#DDDDDD">B</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
第2个回答 2014-12-20
JS
for(var i = 0;i<rows.length;i++){
var row = rows[i];
if(!row.cells[1].innerText.trim())
row.style.display = "none";
}
html
<table width="500" border="1" cellspacing="0"><tr>
<td colspan="2" bgcolor="#DDDDDD">事由</td>
</tr>
<tr>
<td colspan="2" height="100"></td>
</tr>
<tr>
<td bgcolor="#DDDDDD" width="50">附件</td>
<td></td>
</tr>
<tbody id="area">
<tr>
<td bgcolor="#DDDDDD">A</td>
<td>内容</td>
</tr>
<tr>
<td bgcolor="#DDDDDD">B</td>
<td></td>
</tr>
</tbody>
</table>追问
貌似未成功！
追答这是完整的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<script type="text/javascript">
onload=function(){
var rows = area.rows;
for(var i = 0;i<rows.length;i++){
var row = rows[i];
if(!row.cells[1].innerText.trim())
row.style.display = "none";
}
}
</script>
</head>
<body>
<table width="500" border="1" cellspacing="0">
<tr>
<td colspan="2" bgcolor="#DDDDDD">事由</td>
</tr>
<tr>
<td colspan="2" height="100"></td>
</tr>
<tr>
<td bgcolor="#DDDDDD" width="50">附件</td>
<td></td>
</tr>
<tbody id="area">
<tr>
<td bgcolor="#DDDDDD">A</td>
<td>内容</td>
</tr>
<tr>
<td bgcolor="#DDDDDD">B</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>本回答被提问者和网友采纳
相似回答
