html判断语句显示表格内容

如图，希望通过javascript来控制表格内A和B行的显示，如果A区对应的TD内有内容则显示，如果无内容则不显示，求实现？或给个意见！我的意思是：如果A行或B行对应的T... 如图，希望通过javascript来控制表格内A和B行的显示，如果A区对应的TD内有内容则显示，如果无内容则不显示，求实现？或给个意见！
我的意思是：
如果A行或B行对应的TD内有内容，则显示本TR，反之则不显示TR。求解！！存HTML+JAVASCRIPT实现。。。展开

 我来答

2个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

好程序员
2015-12-08 · HTML5前端培训/大数据培训/Java

好程序员

好程序员是IT高端课程培训基地，从平凡到卓越,为梦想而拼搏。

向TA提问

关注

展开全部

<!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>

已赞过 已踩过<

评论收起

好求知
2014-12-20 · TA获得超过6515个赞

知道大有可为答主

回答量：966

采纳率：80%

帮助的人：1172万

我也去答题访问个人页

关注

展开全部

 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";
 }

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>

本回答被提问者和网友采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

html判断语句显示表格内容

其他类似问题

为你推荐：