Question

我想创建一个在按下按钮时会向其添加行的表。有没有办法做到这一点？我已经在线查看，但却找不到任何东西。

编辑：我正在寻找一种利用Javascript在按下按钮时添加HTML代码的解决方案。我不知道这是多么可行，因为我是Javascript的新手。我希望有一个包含文本字段行的表格，并且当按下按钮时，会在表格中添加一个带有文本字段的新行。

Answer 1

我假设您需要一些JavaScript来向表中添加行。我已经在http://jsfiddle.net/kbsvd/设置了一个可能对您有帮助的演示。

function addRow() {
    var td, tx;
    var tbl = document.getElementById("tbl");
    var tr = document.createElement("tr");
    for(var x=0; x<2; x++ ) {
        td = document.createElement("td");
        tx = document.createTextNode(".");
        td.appendChild( tx );
        tr.appendChild( td );
    }
    tbl.appendChild( tr );
}

HTML

<input type="button" name="button" id="button" value="Add Row" onClick="addRow();">
<table cellspacing="0" cellpadding="0" id="tbl" border=1>
  <tr>
    <th>Col 1</th>
    <th>Col 2</th>
  </tr>
  <tr>
    <td>Dummy </td>
    <td>Dummy</td>
  </tr>
</table>

按钮创建HTML代码

1 个答案: