crear un form de forma dinámica con javascript

[evoarte]

buenos días,

ninguna de las 2 opciones funcionan:

1. Insertando HTML, al dar click se genera un error: nua no está definido

Código Javascript:

document.getElementById(nuesre).innerHTML += "<form id=\'" + nufobo + "\' name=\'" + nufobo + "\' class='esfobo' ></form>";
document.getElementById(nufobo).innerHTML += "<input type='hidden' name='noarbo' value=\'" + event.target.responseText + "\' />";
document.getElementById(nufobo).innerHTML += "<input type='button' name='enviar' value='borrar' onclick='javascript:borrara(this.form,nua)'/>";
 
function borrara(form,nua)
{
    alert(nua);
}
 

2. Manipulando el DOM para generar los elementos, en este caso el evento onclick no se añade al botón

Código Javascript:

var form    = document.createElement("form");
var diva    = document.getElementById(nuesre);
diva.appendChild(form);
form.id     = nufobo;
form.name   = nufobo;
var eun     = document.createElement("input");
eun.type    = "hidden";
eun.name    = "noarbo";
eun.value   = event.target.responseText;
form.appendChild(eun);
var edo     = document.createElement("input");
edo.type    = 'button';
edo.id      = 'eborra';
edo.name    = 'enviar';
edo.value   = 'borrar';
edo.onclick = function() { borrara(this.form,nua); };
form.appendChild(edo);
 

Código HTML:

<form id="nuarbo2" name="nuarbo2">
<input type="hidden" name="noarbo" value="reforma-baño-sanitarios-diseño-pavimento-continuo-blanco-negro.jpg">
<input type="button" id="eborra" name="enviar" value="borrar"></form>