Javascript里使用Dom操作Xml

好的。要在JavaScript中利用DOM操作XML，我们需要首先了解DOM和XML之间的强制转换。DOM是一种用于HTML和XML文档的表示方法，XML是一种标记语言，非常类似于HTML，但可自定义标签和属性。以下是在JavaScript中使用DOM操作XML的完整攻略：

步骤 1：创建一个新XML文档

我们可以使用文档对象创建器（document.createElement()）创建一个新的XML文档。一旦创建了这个文档，我们就可以像HTML文档一样使用DOM对象操作它的标签、属性和文本。

var xmlDoc = document.implementation.createDocument("", "myDoc", null);

这将创建一个名为“myDoc”的新文档。

步骤 2：将XML数据加载到DOM树中

当我们有一个XML数据文件时，我们需要将它加载到DOM树中，以便于对其进行操作。我们可以使用XMLHttpRequest对象和DOMParser对象来加载XML数据文件.

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    myFunction(this);
  }
};
xhttp.open("GET", "data.xml", true);
xhttp.send();

function myFunction(xml) {
  var xmlDoc = xml.responseXML;
  // 在这里我们可以开始使用DOM对象对XML文档进行操作
}

在这里，我们使用XMLHttpRequest对象来从服务器上获取XML数据文件。一旦我们获得了数据文件，我们将它传递给一个名为myFunction()的函数，该函数将使用DOMParser将XML数据转换为DOM对象。

步骤 3：使用DOM对象对XML进行操作

一旦我们将XML数据加载到DOM树中，就可以使用标准DOM操作来修改、添加和删除标签、属性和文本。以下是一些常见的DOM操作：

访问XML元素

我们可以使用getElementById()、getElementsByTagName()、getElementsByName()等方法来访问XML文档中的元素。如下所示：

var x = xmlDoc.getElementById("id_name");
var y = xmlDoc.getElementsByTagName("tag_name");

修改XML元素

我们可以使用innerHTML属性和setAttribute()方法来修改XML元素的内容和属性：

x[0].innerHTML = "new content";
y[0].setAttribute("attribute_name", "new_value");

创建新的XML元素

我们可以使用createElement()方法来创建新的XML元素：

var newElm = xmlDoc.createElement("new_tag_name");

删除XML元素

我们可以使用removeChild()方法来删除XML元素：

var delElm = xmlDoc.getElementById("id_name");
delElm.parentNode.removeChild(delElm);

示例 1：

以下示例演示如何使用上述步骤将XML数据加载到DOM树中，并从中获取节点列表：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    myFunction(this);
  }
};
xhttp.open("GET", "data.xml", true);
xhttp.send();

function myFunction(xml) {
  var xmlDoc = xml.responseXML;
  var x = xmlDoc.getElementsByTagName("myTagName");
  for (var i = 0; i < x.length; i++) {
    console.log(x[i].innerHTML);
  }
}

在这个示例中，我们使用XMLHttpRequest从服务器获取XML数据文件，将其传递到一个名为myFunction()的函数中，并使用函数getElementByTagName()获取myTagName节点的列表并打印其innerHTML。

示例 2：

以下示例演示如何创建一个新的XML文件，并向其中添加一些元素、属性和文本。最后，它将通过使用XMLSerializer对象将DOM对象转换回XML数据，并将其打印到控制台：

var xmlDoc = document.implementation.createDocument("", "myDoc", null);
var newElm = xmlDoc.createElement("newTag");
newElm.setAttribute("newAttribute", "newAttributeValue");
var newText = xmlDoc.createTextNode("new text content");
newElm.appendChild(newText);
xmlDoc.documentElement.appendChild(newElm);

var serializer = new XMLSerializer();
var xml = serializer.serializeToString(xmlDoc);
console.log(xml);

在这个示例中，我们使用文档对象创建器创建一个名为“myDoc”的新文档，创建一个名为“newTag”的新XML元素，并将其添加到文档中。接下来，我们使用XMLSerializer对象将DOM对象newElm转换为XML数据，并将其打印到控制台。