javascript - 如何使用 Javascript 编辑 XML 节点的数据

Question

我想使用 Javascript 在现有的本地 XML 文件中写入一些数据以及来自 Html 页面的一些文本。是否可以更改节点的内容？ 这是 XML 示例:

<Notepad>
    <Name>Player1</Name>
    <Notes>text1</Notes>
</Notepad>

我将从输入中获取更多文本，并希望将其添加到“text1”之后，但找不到解决方案。

function SaveNotes(content,player)
		 {
			var xml = "serialize.xml";
			var xmlTree =  parseXml("<Notepad></Notepad>");
			var str = xmlTree.createElement("Notes");
		
           
			$(xmlTree).find("Notepad").find(player).append(str);
			$(xmlTree).find("Notes").find(player).append(content);
			var xmlString = (new XMLSerializer()).serializeToString(xmlTree);
			
					
			}
			

Answer 1

以下是操作 xml 内容或 xml 文件的代码: [更新] 请检查这个Fiddle

    var parseXml;

    parseXml = function(xmlStr) {
        return (new window.DOMParser()).parseFromString(xmlStr, "text/xml");
    };

var xmlTree = parseXml("<root></root>");

function add_children(child_name, parent_name) {
    str = xmlTree.createElement(child_name);
    //strXML = parseXml(str);
    $(xmlTree).find(parent_name).append(str);
    $(xmlTree).find(child_name).append("hello");
    var xmlString = (new XMLSerializer()).serializeToString(xmlTree);
    alert(xmlString);
}
add_children("apple", "root");
add_children("orange", "root");
add_children("lychee", "root");

您可以使用它在 xml 中搜索以及添加包含内容的新节点。 (抱歉，我不知道如何从客户端加载 xml 并显示它。) 但是这个 fiddle 演示将有助于在 xml 中添加内容并在其中进行搜索。 希望它有帮助:)