Javascript：更改元素节点

所以我在JavaScript变量中加载了一个xml文档

Xml如下所示：

<root>  
    <pp>test<ii>sample italic</ii> text after italic</pp>  
</root>

斜体后的testsample斜体文本

然后我有一个输入框，其中写入了

元素的内容

如下所示：

testsample斜体后的斜体文本

请注意，输入框中的文本包含Xml标记

然后，用户可以更改输入框中的文本。
与此类似：
testsample BB斜体和粗体文本

现在我需要将修改后的文本保存回Xml变量

我该怎么做

编辑1

这个问题和保存到实际文件无关。我只需要将修改后的数据保存/更改回Xml变量
 您需要通过Ajax将数据发送到服务器端脚本，该脚本处理文件的重写。客户端Javascript无法解决此问题。
也许您可以查看此链接，它可能会帮助您：

或者在这里，有两个好的教程：

您正在从文件中读取xml吗

创建节点：

var theNewParagraph=document.createElement（'p'）；
var thetextftheparagraph=document.createTextNode（'Some content'）；
新的paragraph.appendChild（theTextOfTheParagraph）；
document.getElementById（'someElementId'）.appendChild（newParagraph）

取自此：
但我需要修改变量的内容。保存到文件不是这里的问题。为什么不向服务器脚本发送一个包含XML的字符串，如下所示：
“+document.getElementById（“yourInputBox”）.value+”
？因为XML比这个示例复杂得多，我需要一直将它作为DOMDocument保存，不是字符串。这将加载XML文件并允许您编辑节点，但没有保存文件的机制。请看：好的，XML文件是本地的吗？我不知道。直接在存在的节点上更改值不是问题。如何将其添加到节点列表中？