Estoy tratando de escribir un documento XML desde un formulario HTML usando JavaScript con la siguiente función:
Función JavaScript:
function formToXml(form){ var xmldata=['<?xml version="1.0" encoding="UTF-8"?>']; const elNames = ["author", "title"]; xmldata.push("<book>"); var inputs=form.elements; for(var i=0;i<inputs.length;i++){ var el=document.createElement(elNames[i]); if (inputs[i].name){ el.set("name",inputs[i].name); el.setAttribute("value",inputs[i].value); xmldata.push(el.outerHTML); } } xmldata.push("</book>"); return xmldata.join("\n"); }El archivo que se genera tiene el siguiente formato :
<?xml version="1.0" encoding="UTF-8"?> <book> <author value="Something" name="author"/> <title value="Something" name="title"/> </book>Estoy tratando de modificar el método para que los nodos tengan el siguiente formato :
<author>Something</author> <title>Something</title>Sé que setAttribute() no funciona porque crea un atributo en el nodo. No puedo encontrar una función que establezca el valor como el ejemplo anterior.
¿Alguna sugerencia?
Puede usar el atributo innerHTML en el elemento para establecer el valor.
function formToXml(form) { var xmldata = ['<?xml version="1.0" encoding="UTF-8"?>']; const elNames = ["author", "title"]; xmldata.push("<book>"); var inputs = form.elements; for (var i = 0; i < inputs.length; i++) { var el = document.createElement(elNames[i]); if (inputs[i].name) { el.innerHTML = inputs[i].value; // Set the innerHTML of the element xmldata.push(el.outerHTML); } } xmldata.push("</book>"); return xmldata.join("\n"); }Salida de ejemplo:
<?xml version="1.0" encoding="UTF-8"?> <book> <author>Robert Louis Stevenson</author> <title>Treasure Island</title> </book>