Recoger datos formulario dinamico

[jesusmiranda92]

Hola, tengo un formulario dinámico en el cual agrega campos dinámicos con javascript pero quiero saber como puedo recoger esos datos que se van agregando?

o como puedo llamar los campos agregados dinamicamente por PHP el código que tengo es el siguiente:


Este es el codigo Javascript

Código:

<script type="text/javascript">
var contadorid =1;
 
function Agregarfilas() {
    contadorid++;
    var agregarcampos = document.getElementById('raizlectura').cloneNode(true);
    agregarcampos.id = contadorid;
    agregarcampos.style.display = 'block';
    var newField = agregarcampos.childNodes;
    for (var i=0;i<newField.length;i++) {
        var theName = newField[i].name
        if (theName)
            newField[i].name = theName + contadorid;
    }
    var insertarcam = document.getElementById('raizescritura');
    insertarcam.parentNode.insertBefore(agregarcampos,insertarcam);
}
 
window.onload = function()
{
 document.getElementById("Agregarfilas").onclick = Agregarfilas;    
    Agregarfilas();
};
</script>

este es el formulario HTML

Código HTML:

<div id="raizlectura" style="display: none">
<center>	
<input type="date" name="FechaGas" size="10" maxlength="10">
<input type="text" name="Dest" size="12"  maxlength="30" placeholder="Destino">
<TD WIDTH=100><select size="1" name="TypeG">													  
<option value=""> Tipo de Gasto</option>
		<option>informacion de texto2</option> 
		<option>informacion de texto2</option>
		</select></TD>	
<TD WIDTH=100><select size="1" name="Moneda">													  
<option value="">Moneda</option><option>MXN</option><option>USD</option></select></TD>
<TD WIDTH=100><input type="text" size="10" name="Subto" onChange="validarSiNumero(this.value);" placeholder="Sub total"/></TD>
<TD WIDTH=100><input type="text" size="4" name="Porcentaje"  onChange="validarSiNumero(this.value);" placeholder="IVA %"/></TD>
<TD WIDTH=100><input type="text" size="10" name="Iva"  onChange="validarSiNumero(this.value);" placeholder="IVA $"/></TD>
<TD WIDTH=100><input type="text" size="10" name="Total"  onChange="validarSiNumero(this.value);" placeholder="Total"/></TD>
<TD WIDTH=100><input type="text" name="Just" placeholder="Justificacion"/></TD>
<TD WIDTH=100><input type="text" size="10" name="RFC" placeholder="RFC"/></TD>
<TD WIDTH=100><input type="text" size="10" name="Factura" placeholder="Factura"/></TD>
</TR>
<TR>
<input type="button" value="Quitar" onclick="this.parentNode.parentNode.removeChild(this.parentNode);" />
</center>
</div>

	<span id="raizescritura"></span>
	<p align= "left"><input type="button" id="Agregarfilas" value="+" /><p> 

por favor dejen códigos de ejemplo, muchas gracias por la ayuda!