inconveniente con DOM

[anion0x]

Estuve analizando el tema y me parece que la mejor solucion es agregar loscampos que necesito desde javascript, alguien me puede dar una mano con esto?, la verdad que hace poco que estoy aprendiedno JS y me resulta bastante problematico hacerlo.

Tengo el siguiente codigo:

Código:

        <table>						
          <tr>
            <th><label for="modulo<? echo $i?>">Módulo <?php echo $i?></label></th>
            <td>Tipo: <?php echo $_SESSION["modulo$i"]?></td>
          </tr>
          <tr>
            <th><label for="titModulo<? echo $i?>">Título Modulo</label></th>
            <td><input  class="small" type="text" name="titModulo<? echo $i?>" id="titModulo<? echo $i?>" value="<?echo v("titModulo$i")?>"></td>
          </tr>
          
          <table>
          <tr>
            <td colspan="2"><h4>Item <?php echo $n ?></h4></td>
          </tr>          
          <tr>
            <th><label for="titLista<? echo $n?>">Título lista</label></th>
            <td><input  class="small" type="text" name="titLista<? echo $i?>" id="titLista<? echo $i?>" value="<?echo v("titLista$i")?>"></td>
          </tr>
          <tr>
            <th><label for="detalle<? echo $n?>">Detalle</label></th>
            <td><input  class="small" type="text" name="detalle<? echo $i?>" id="detalle<? echo $i?>" value="<?echo v("detalle$i")?>"></td>
          </tr>
          <tr>
            <th><label for="importe<? echo $n?>">
                <input class="none" type="checkbox" name="si<? echo $i?>" id="si<? echo $i?>" />
            Incluir importe</label></th>
            <td><input  class="small" name="importe<? echo $i?>" type="text" id="importe<? echo $i?>" value="<?echo v("importe$i")?>" size="4" maxlength="10"></td>
          </tr>
          </table>
     
        </table>
<p><a href="#">[+] Agregar nuevo item</a></p>

Lo que necesitaria seria que cada vez que hago click sobre Agregar nuevo item, me agregue un nuevo item.

O sea necesito generar en forma dinamica esta parte. Donde dice Item <?php echo $n ?> tendria que ser incremental al que ya existe, por ej: Item 1, Item 2, se entiende?

Código:

          <tr>
            <td colspan="2"><h4>Item <?php echo $n ?></h4></td>
          </tr>          
          <tr>
            <th><label for="titLista<? echo $n?>">Título lista</label></th>
            <td><input  class="small" type="text" name="titLista<? echo $i?>" id="titLista<? echo $i?>" value="<?echo v("titLista$i")?>"></td>
          </tr>
          <tr>
            <th><label for="detalle<? echo $n?>">Detalle</label></th>
            <td><input  class="small" type="text" name="detalle<? echo $i?>" id="detalle<? echo $i?>" value="<?echo v("detalle$i")?>"></td>
          </tr>
          <tr>
            <th><label for="importe<? echo $n?>">
                <input class="none" type="checkbox" name="si<? echo $i?>" id="si<? echo $i?>" />
            Incluir importe</label></th>
            <td><input  class="small" name="importe<? echo $i?>" type="text" id="importe<? echo $i?>" value="<?echo v("importe$i")?>" size="4" maxlength="10"></td>
          </tr>

Gracias de ante mano.