AJAX vs HTML DOM

[Ronin46]

Para que no haya malentendidos pongo el código que así es más fácil entender la cuestión. El código en ambos casos es orientativo para hacer ver lo que planteo, no se trata de buscar fallos :P

AJAX

Código:

function CrearFormulario()
	{
		xmlhttp=GetXmlHttpObject();
		if (xmlhttp==null)
		  {
			  alert ("AJAX no está soportado");
			  return;
		  }
		var url="formulario.php";
		xmlhttp.onreadystatechange=stateChanged;
		xmlhttp.open("GET",url,true);
		xmlhttp.send(null);
	}
function stateChanged()
{
	if (xmlhttp.readyState==4)
	  {
  		document.getElementById("ContenedorFormulario").innerHTML=xmlhttp.responseText;
	  }
}

HTMLDOM

Código:

function CrearFormulario(Contenedor)
{
		form = document.createElement("form");
		form.setAttribute("id", "FormCuentas");
		form.setAttribute("action", "Cuentas.php");
		form.setAttribute("method", "post");
		form.setAttribute("enctype", "application/x-www-form-urlencoded");
		
		select = document.createElement("select");
		select.setAttribute("name", "Tipo");
			
		option = document.createElement("option");
		option.setAttribute("value","Ingreso");
		option.text = "Ingreso";
		select.appendChild(option);
				
		option = document.createElement("option");
		option.setAttribute("value","Gasto");
		option.text = "Gasto";
		select.appendChild(option);
				
		option = document.createElement("option");
		option.setAttribute("value","Movimiento");
		option.text = "Movimiento";
		select.appendChild(option);
			
		form.appendChild(select);
		
		input = document.createElement("input");
		input.setAttribute("id", "Nombre");
		input.setAttribute("name", "Nombre");
		input.setAttribute("type", "text");
		input.setAttribute("maxlength", "100");
		form.appendChild(input);

		input = document.createElement("textarea");
		input.setAttribute("id", "Observaciones");
		input.setAttribute("name", "Observaciones");
		form.appendChild(input);
		
		input = document.createElement("input");
		input.setAttribute("id", "CuentaPadre");
		input.setAttribute("name", "CuentaPadre");
		input.setAttribute("type", "hidden");
		input.setAttribute("value", "0");
		form.appendChild(input);

		input = document.createElement("input");
		input.setAttribute("name", "NuevaCuenta");
		input.setAttribute("type", "submit");
		input.setAttribute("value", "Introducir");
		form.appendChild(input);

		div = document.createElement("div");
		div.setAttribute("id", "FormularioAlta");
		div.appendChild(form);

		CapaContenedora = document.getElementById(Contenedor);
		CapaContenedora.appendChild(div);
}