Mi problema es que estoy creando un formulario utilizando JS para luego darle con ajax.
mi problema es que no sé como agregar un salto de línea osea un BR pero sin utilizar innerHTML estoy utilizando SOLAMENTE estandar DOM.
mi codigo actual es.
Código PHP:
limpiar_resultados();
panel_central = document.getElementById("cen");
salto = document.createElement("br");
formu = document.createElement("form");
formu.action = "accionador/claves_de_acceso_ac.php";
formu.method = "POST";
panel_central.appendChild(formu);
clave_anterior_text = document.createTextNode("Clave Anterior: ");
formu.appendChild(clave_anterior_text);
key_anterior = document.createElement("input");
key_anterior.setAttribute("type","text");
key_anterior.setAttribute("name","key_anterior");
key_anterior.setAttribute("id","key_anterior");
formu.appendChild(key_anterior);
formu.appendChild(salto);
key_nueva1 = document.createElement("input");
key_nueva1.setAttribute("type","text");
key_nueva1.setAttribute("name","key_nueva");
key_anterior.setAttribute("id","key_nueva");
clave_nueva_text = document.createTextNode("Clave Nueva: ");
formu.appendChild(clave_nueva_text);
formu.appendChild(key_nueva1);
formu.appendChild(salto);
key_nueva2 = document.createElement("input");
key_nueva2.setAttribute("type","text");
key_nueva2.setAttribute("name","key_nueva2");
key_anterior.setAttribute("id","key_nueva2");
clave_nueva_text2 = document.createTextNode("Repetir: ");
formu.appendChild(clave_nueva_text2);
formu.appendChild(key_nueva2);
formu.appendChild(salto);
boton_cambiar = document.createElement("input");
boton_cambiar.setAttribute("type","button");
boton_cambiar.setAttribute("id","enviar_clave_nueva");
boton_cambiar.setAttribute("value","Cambiar La Clave AHORA");
el problema es que cuando agrego el appendChild de "salto" al formulario no me provee
de un salto de línea y todo queda uno al lado del otro en vez de uno debajo del otro..
sencillamente no sé bien como hacerlo... alguna idea?