如何在一个table里的某一指定cell增加一个input？

<input name="button" type="button" onclick="document.getElementById('tableId').childNodes[0].childNodes[i].childNodes[j].insertAdjacentHTML('beforeEnd','<input>')">

解决方案 »

  1.   

    <table id="table1" border="1">
    <tr>
    <td>asd
    </td>
    <td>asd
    </td>
    </tr>
    <tr>
    <td>asd
    </td>
    <td>asd
    </td>
    </tr>
    </table>
    <input name="button" type="button" onclick="document.getElementById('table1').childNodes[0].childNodes[0].childNodes[0].insertAdjacentHTML('beforeEnd','<input>')">
      

  2.   

    http://blog.csdn.net/xuStanly/archive/2006/12/09/1436681.aspx供参考。
      

  3.   

    <html>
    <head>
    <script type="text/javascript">
    function addInput() {
    var td = document.getElementById("t").getElementsByTagName("td")[0];
    td.appendChild(document.createElement("input"));
    }
    </script>
    </head>
    <body>
    <table id="t" border="1">
      <tr>
    <td>asd</td>
    <td>asd</td>
      </tr>
      <tr>
    <td>asd</td>
    <td>asd</td>
      </tr>
    </table>
    <input name="button" type="button" onclick="addInput();">
    </body>
    </html>
      

  4.   

    忽忽。这个支持FF。。
    ^o^
      

  5.   

    那如何改变一个cell里的input的值呢？
      

  6.   

    就是说判断是否有这个input，没有就加上，有就改变它的值
      

  7.   

    <html>
    <head>
    <script type="text/javascript">
    function addInput() {
        var input;
        var td = document.getElementById("t").getElementsByTagName("td")[0];
        var input = td.getElementsByTagName("input")[0];
        if (!input) {
            input = document.createElement("input");
            input.setAttribute("value", 1);
            td.appendChild(input);
        } else {
            input.value = parseFloat(input.value) + 1;
        }
    }
    </script>
    </head>
    <body>
    <table id="t" border="1">
      <tr>
        <td>asd</td>
        <td>asd</td>
      </tr>
      <tr>
        <td>asd</td>
        <td>asd</td>
      </tr>
    </table>
    <input name="button" type="button" onclick="addInput();">
    </body>
    </html>