<table id="1" style="display:block"><tr><td id="1_1">12345</td></tr></table>
<table id="2" style="display:block"><tr><td id="2_1">12345</td></tr></table>
<table id="3" style="display:block"><tr><td id="3_1"></td></tr></table>
<table id="4" style="display:block"><tr><td id="4_1"></td></tr></table>如此table,当td中有内容时,display:block不变,当td中没有内容时改变display:none,table隐藏,JS自动判断是否隐藏,这样的JS代码该如何编写,烦请大侠救助啊,小弟在此先谢谢了!!
小弟JS菜鸟,还劳烦各位大大写出详细的JS代码来,无限感激。。
<table id="2" style="display:block"><tr><td id="2_1">12345</td></tr></table>
<table id="3" style="display:block"><tr><td id="3_1"></td></tr></table>
<table id="4" style="display:block"><tr><td id="4_1"></td></tr></table>如此table,当td中有内容时,display:block不变,当td中没有内容时改变display:none,table隐藏,JS自动判断是否隐藏,这样的JS代码该如何编写,烦请大侠救助啊,小弟在此先谢谢了!!
小弟JS菜鸟,还劳烦各位大大写出详细的JS代码来,无限感激。。
解决方案 »
- 爱的奉献--javascript无刷新实时显示当前完整时间!!!
- 请教一下我都是零基础怎么入门javascript
- JavaScript实现菜单
- 把这段excel录制的宏代码,转成javascript的代码?
- 在<input name='time_go' type='text' >中有一个日期值,我该如何用javascript加上4天后在alert中显示呢
- 正则取值name="xxxx"
- 输入框数据的验证问题
- 跨页面运行脚本的问题
- 怎么让网页下面出现横向的scrolling以适应列数很多的表格 分高哦!!!!!!!!!
- 为什么,所有的对象都可以用var 来定义?
- javascript网络五子棋完整版
- 乱码问题
if(tb[('innerText' in tb)?"innerText":"textContent"].length==0){
tb.style.display="none";
}
<div id="div1">
<table id="1" style="display:block"><tr><td id="1_1">12345</td><td>sdf1122</td></tr></table>
<table id="2" style="display:block"><tr><td id="2_1">12345</td><td>sdf112</td></tr></table>
<table id="3" style="display:block"><tr><td id="3_1"> </td><td>sdf</td></tr></table>
<table id="4" style="display:block"><tr><td id="4_1"> </td><td>ss1</td></tr></table>
</div>
<script language="javascript">function test()
{
var all_table=document.getElementById("div1").getElementsByTagName("table")
for(i=0;i<all_table.length;i++)
{
var tdvl=all_table[i].getElementsByTagName("td")[0].innerText;
all_table[i].style.display=tdvl==""?"none":"block";
}
}
</script>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
function init()
{
var tableArray=document.getElementsByTagName("table");
for(var i=0;i<tableArray.length;i++)
{
if(tableArray[i].childNodes[0].childNodes[0].childNodes[0].innerText=="")
tableArray[i].style.display="none";
}
}
</script>
</HEAD> <BODY onload="init()">
<table id="1" style="display:block"><tr><td id="1_1">12345</td></tr></table>
<table id="2" style="display:block"><tr><td id="2_1">12345</td></tr></table>
<table id="3" style="display:block" border=1><tr><td id="3_1"></td></tr></table>
<table id="4" style="display:block"><tr><td id="4_1">3456</td></tr></table>
</BODY>
</HTML>