Buenas, me gustaria saber como puedo hacer para utilizar firstChild.nodeValue con codigo HTML pero no quiero utilizar innerHTML porque me desordena todo!!
Código:
var nf = 3;
function add_subproductoform() {
nf = nf + 1;
document.getElementById('forms_subprod').firstChild.nodeValue += '<TR><td valign="top" align="center"><h5>Sub producto '+nf+':</h5>Nombre<br /><input name="snombre_'+nf+'" class="cambio" type="text" style="width:96%" /></td><td align="center" valign="bottom">Colores<br /><input name="scolores_'+nf+'" class="cambio" type="text" style="width:96%" /></td></td></TR><tr><td align="center" colspan="2">Descripción<br /><input name="sdescr_'+nf+'" class="cambio" type="text" style="width:96%" /></td></tr><tr><td align="center">Dimensión<br /><input name="sdimension_'+nf+'" class="cambio" type="text" style="width:96%" /></td><td align="center">Precio<br /><input name="sprecio_'+nf+'" class="cambio" type="text" style="width:96%; text-align:right" /></td></tr>';
}
Al utilizar esa funcion me aparece ese codigo html en la pantalla
y en el codigo fuente me aparece:
Código:
<TR><td valign="top" align="center"><h5>Sub producto 4:</h5>Nombre<br /><input name="snombre_4" class="cambio" type="text" style="width:96%" /></td><td align="center" valign="bottom">Colores<br /><input name="scolores_4" class="cambio" type="text" style="width:96%" /></td></td></TR><tr><td align="center" colspan="2">Descripción<br /><input name="sdescr_4" class="cambio" type="text" style="width:96%" /></td></tr><tr><td align="center">Dimensión<br /><input name="sdimension_4" class="cambio" type="text" style="width:96%" /></td><td align="center">Precio<br /><input name="sprecio_4" class="cambio" type="text" style="width:96%; text-align:right" /></td></tr>
Alguna solucion porfavor?
