クリックで<dt>を追加するには

Question

固定されていない番号の成分を設定しています。 ユーザーがクライアント側のリストに別のdtを追加できるようにします。コードへ

は次のとおりです。

<form> 
<form> 
    <dl> 
    <dt > 
     <input type="text"/> 
    </dt> 
    <dt > 
     <button type="button" onClick="??"/> 
    </dt> 
    </dl> 
</form> 

は、ボタンを押しているときにクライアント側でDTを追加する方法はありますか？

Answer 1

おそらくこのようなものでしょうか？

<form> 
<dl id="appendHere"> 
    <dt > 
    <input type="text"/> 
    </dt> 
    <dt > 
    <button type="button" onClick="doAppend();"/> 
    </dt> 
</dl> 
</form> 
<script> 
var forIndexing = 0; 
function doAppend(){ 
var newIn = document.createElement("dt"); 
newIn.innerHTML = '<input id="someId' + forIndexing + '" type="text"/>'; 
forIndexing++; 
var newdt = document.createElement("dt"); 
newdt.innerHTML = '<button type="button" onclick="doAppend();"/>'; 
document.getElementById("appendHere").appendChild(newIn); 
document.getElementById("appendHere").appendChild(newdt); 
} 
</script>