document.getElementsByTagName()后如何取得控件的属性值？

[kk706]

我想取得两个table中的input的value值。代码如下
HTML：

<div id="d1">
    <table>
       <tr>
         <td><input type="text" name="txtName" /></td>
         <td><input type="text" name="txtEmail" /></td>
       </tr>
    </table>
    <table>
       <tr>
         <td><input type="text" name="txtName" /></td>
         <td><input type="text" name="txtEmail" /></td>
       </tr>
    </table>
</div>

JS：

   var tables = d1.getElementsByTagName("table");
   for(var i = 0;i < tables.length;i++)
   {
       var name = tables[0].getElementByName("txtName"); //可是这里取不到input控件
       var email = tables[0].getElementByName("txtEmail");
   }

请问如何解决？多谢！

[Click_Me]

getElementsByName("txtName")[0]; 

[kk706]

回复 1楼，我这里需要对table作循环。

跟踪调试了一下，发现tables[0]是一个object对象，没有getElementByName方法。

这里能把tables[0]转为一个table对象么？