Insertando nodos con javascript

Hola tengo el siguiente archivo XML
<?xml version="1.0" encoding="UTF-8" ?>
<controles>
<control>
<nombre>Nombre1</nombre>
<prop1>Propiedad1</prop1>
<prop2>propiedad2</prop2>
</control>
</controles>

el que lleno con la siguiente funcion

function guardar()
{
var Document = controles.XMLDocument;
var raiz; var control; var nombre; var prop1; var prop2; var cont; var
range;

control = Document.createElement("control");
nombre = Document.createElement("nombre");
prop1 = Document.createElement("prop1");
prop2 = Document.createElement("prop2");
raiz = Document.documentElement;

cont = raiz.childNodes;
raiz.appendChild(control);

raiz.childNodes(cont.length-1).appendChild(nombre);
raiz.childNodes(cont.length-1).lastChild.text = nom.value;
raiz.childNodes(cont.length-1).appendChild(prop1);
raiz.childNodes(cont.length-1).lastChild.text = p1.value;
raiz.childNodes(cont.length-1).appendChild(prop2);
raiz.childNodes(cont.length-1).lastChild.text = p2.value;

}

e inserto elementos de manera correcta, solo que estos elementos no se
mantiene al cerrar la web.

¿De que forma (o funcion) puedo grabar de forma permanente estos datos en

archivo XML?