html - 按钮创建 HTML 代码

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>