JS 如何取div下table中的tbody id


原先正确的情况是这样的 ：
<table border="0" cellpadding="0" cellspacing="1" class="Calendar" id="caltable">
  …………
  <tbody border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()">
     ……
  </tobdy>
  …………
</table>js中我用document.all.caltable.tBodies.calendar; 程序就正常运行；但现在我在table 外层加了一个 <div id="ll"> 
                                <table ……………………原先那条语句就一直运行错误请问要怎么改？ 问题补充：document.getElementById('caltable').tBodies.calendar也不行。。

解决方案 »

  1.   

    嵌套DIV不会对你的Table造成影响啊
      

  2.   


    但是加了div之后 就是不成功 
      

  3.   

    function aa(){
    var tbody=document.getElementsByTagName("tbody");
    for(var i=0;i<tbody.length;i++)
    {
    alert(tbody[i].id)
    } }这样就可以了
    你加入个按钮，名字用aa（）实验下 
      

  4.   


    报错 document.all.caltable.tBodies 为空或不是对象
      

  5.   

    document.all("caltable")[0].children[0]children[0]为TBODY
    红色的地方是为了防止你有多个caltable
      

  6.   

    function aa(){ 
    var tbody=document.getElementsByTagName("tbody"); 
    for(var i=0;i <tbody.length;i++) 
    { 
    alert(tbody[i].id) 
    } } 我这个好使我都实验完了  
      

  7.   

    就这些啊
    你只要在页面上弄个按钮，把
    <input type="button" value="anniu" onclic="aa()"/>
    进入页面点按钮就会喷出id了
      

  8.   


    用了你这个  后面有段代码 
    var caltable=document.all.caltable.tBodies.calendar; caltable.rows.length  << 这个就报错了，说为空 或者不是对象
      

  9.   

    <!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="">
     </HEAD> <BODY>
    <SCRIPT LANGUAGE="JavaScript">
    function aa(){ 
    var tbody=document.getElementsByTagName("tbody"); 
    for(var i=0;i <tbody.length;i++) 
    { 
    alert(tbody[i].id) 
    } } 
    </SCRIPT><div id="ll">
      <table border="0" cellpadding="0" cellspacing="1" class="Calendar" id="caltable"> 
      <tbody border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()"> 
    <tr>
    <td>11</td>
    </tr>
      </tbody> 
    </table>
    </div>
    <input type="button" value="anniu" onclick="aa()"/> 
     </BODY>
    </HTML>
    这是全部的测试页面
      

  10.   

    <!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="">
     </HEAD> <BODY>
    <SCRIPT LANGUAGE="JavaScript">
    function aa(){ 
    var tbody=document.getElementsByTagName("tbody"); 
    for(var i=0;i <tbody.length;i++) 
    { 

    } 
    var aa=document.getElementById("calendar");
    alert(aa.rows.length)} 
    </SCRIPT><div id="ll">
      <table border="0" cellpadding="0" cellspacing="1" class="Calendar" id="caltable"> 
      <tbody border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()"> 
    <tr>
    <td>11</td>
    </tr>
    <tr>
    <td>22</td>
    </tr>
      </tbody> 
    </table>
    </div>
    <input type="button" value="anniu" onclick="aa()"/> 
     </BODY>
    </HTML>
    这是你想要的把rows也加入的代码
      

  11.   

    晕死。我知道哪里出问题了  原来是div漏了个”。。加上后 代码不需要修改     。非常感谢 xinyao228 孜孜不倦的回答