网页里有一个有ID的div,在这个div里有三个没有ID的table ,请问怎么用JS来取得这三个table再用js来控制它们呀?html如下: <div id="div1">
 <!---表格1--->
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
     <td>&nbsp;</td>
  </tr>
 </table>
 <!---表格2--->
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
     <td>&nbsp;</td>
  </tr>
 </table>
 <!---表格3--->
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
     <td>&nbsp;</td>
  </tr>
 </table>
 </div>

解决方案 »

  1.   

    因为是运行时自动生成的,不知道在哪里可以加上ID,所以没有办法。不知道JS有没有办法通过取得div1再来取得里面的三个table .希望懂JS的高手们指点.
      

  2.   

    <script type="text/javascript">
        window.onload = function()
    {
    var v = document.getElementById('div1');
    var tables = v.getElementsByTagName('table');alert(tables.length);
    for(var i = 0; i < tables.length; i++) {
    var t = tables[i];
    var tr = t.firstChild.firstChild;
    var td = tr.firstChild;
    td.innerHTML = 'table(' + i + ')-td';
    }
    }
        </script>
      

  3.   

    动态生成的话可以设置id属性td.id = 'td1';
      

  4.   

    感谢 avisnet(第十维度)