简单JS判断table内容为空则隐藏

<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代码来，无限感激。。

解决方案 »

  1.   

    var tb=document.getElementById("1");
    if(tb[('innerText' in tb)?"innerText":"textContent"].length==0){
    tb.style.display="none";
    }
      

  2.   

    <body onload="test()">
    <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>
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <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>