如何访问可编辑的table中的值

如果是一般的table,用table.rows[0].cells[0].innerHTML就可以访问表格中第一个值
但如果table是可编辑的怎么办？
譬如下面的这个代码就只能取出        <input style="width:45px;" type="text" class="selectTextbox" />  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type = 'text/javascript'>
function OnCreateMaterial()
{
try{
var table = document.getElementById("oTable");
alert(table.rows[0].cells[0].innerHTML);
}
catch(e){
alert(e.message);
}
};
</script>
</head>
<body>
  <table id="oTable">
    <tr>
      <td>
        <input style="width:45px;" type="text" class="selectTextbox" />  
      </td>
      <td>
        <input style="width:45px;" type="text" class="selectTextbox" />  
      </td>
    </tr>
    <tr><td>a</td><td>b</td></tr>
  </table>
<input id="BtnCreateLbc" type="button" class="selectButton" value="确  定" style="width:100px" onclick="OnCreateMaterial()"/>
</body>
</html>

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <script type = 'text/javascript'>
    function OnCreateMaterial()
    {
    try{
    var table = document.getElementById("oTable");
    alert(table.rows[0].cells[0].children[0].value);
    }
    catch(e){
    alert(e.message);
    }
    };
    </script>
    </head>
    <body>
      <table id="oTable">
        <tr>
          <td>
            <input style="width:45px;" type="text" class="selectTextbox" />  
          </td>
          <td>
            <input style="width:45px;" type="text" class="selectTextbox" />  
          </td>
        </tr>
        <tr><td>a</td><td>b</td></tr>
      </table>
    <input id="BtnCreateLbc" type="button" class="selectButton" value="确  定" style="width:100px" onclick="OnCreateMaterial()"/>
    </body>
    </html>
      

  2.   

    补充一点，可以不用input的id的话最好了
      

  3.   

    <script type = 'text/javascript'>
    function OnCreateMaterial()
    {
    try{
    //var table = document.getElementById("oTable");
    //alert(table.rows[0].cells[0].innerHTML);
    var x = document.getElementById('oTable').getElementsByTagName('input');
    alert(x[0].value);
    }
    catch(e){
    alert(e.message);
    }
    };
    </script>