下のような感じのリンクを作ることができます。ボタンにもできます。
クリックで要素追加
| 名前 |
<head>
<script type='text/javascript'>
function appendScheduleBikou() {
if (!document.createElement) return;
var tr_e = document.createElement("tr");
var td_e1 = document.createElement("td");
var text = document.createTextNode("名前");
td_e1.appendChild(text);
tr_e.appendChild(td_e1);
var td_e2 = document.createElement("td");
tr_e.appendChild(td_e2);
var input_e = document.createElement("input");
input_e.setAttribute("type", "input");
input_e.setAttribute("value", "ジョン");
td_e2.appendChild(input_e);
document.getElementById("generate-here").appendChild(tr_e);
}
</script>
</head>
<body>
<a href='javascript:appendScheduleBikou();'>click</a>
<table >
<tbody id="generate-here">
<tr><td>名前</td><td><input value="ジャック"></td>
</tbody>
</table>
</body>
