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

Question

我想取得两个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");
   }请问如何解决？多谢！

Answer 1

getElementsByName("txtName")[0]; 

Answer 2

回复 1楼，我这里需要对table作循环。跟踪调试了一下，发现tables[0]是一个object对象，没有getElementByName方法。这里能把tables[0]转为一个table对象么？